Question

我一直无法使用提供的代码设置这组链接的样式，对具有特定类的链接进行样式设置的正确方法是什么，或者我有一个替代方案而不设置全局样式，只有这一个链接。？我正在使用bootstrap类dropdown-toggle"来打开下拉菜单

<li class="bailbonds" >
   <a class="bailbondslinks" href="bailbonds.php" class="dropdown-toggle" data-toggle="dropdown">
      Bail Bonds
   <b class="caret"></b>
   </a>
</li>

CSS：

a.bailbondslinks:link
{
    color: black;
}
a.bailbondslinks:visited
{
    color: black;
}
a.bailbondslinks:hover
{
    color: white;
}
a.bailbondslinks:active
{
    color: black;
}

Answer 1

我创造了一个小提琴 - ＆gt;你有一个＆lt;超过必要的。

这样可以吗？

http://jsfiddle.net/DcdeX/

a.bailbondslinks:link
{
    color: black;
}
a.bailbondslinks:visited
{
    color: black;
}
a.bailbondslinks:hover
{
    color: white;
}
a.bailbondslinks:active
{
    color: black;
}

<ul>
<li class="bailbonds" >
   <a class="bailbondslinks" href="#" class="dropdown-toggle" data-toggle="dropdown">
      Bail Bonds
   </a>
</li>
</ul>

Answer 2

根据您的问题，您希望按类别设置链接样式。见http://jsfiddle.net/QLzV4/1/

标记：

<ul>
    <li class="bailbonds"> 
        <a class="bailbondslinks" href="bailbonds.php" class="dropdown-toggle" data-toggle="dropdown">
            Bail Bonds
            <b class="caret"></b>
        </a>
    </li>
    <li class="bailbonds"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            Something else
            <b class="caret"></b>
        </a>
    </li>
</ul>

CSS：

a.bailbondslinks {
    color:black;
}

其次是伪类（例如:hover）

a.bailbondslinks:hover {
    color:red;
}

Answer 3

TYPO：

<<a class="bailbondslinks" href="bailbonds.php" class="dropdown-toggle" data-toggle="dropdown">

1。）超额＆lt;＆lt;

2。） class =“dropdown-toggle”可能会覆盖您为 class =“bailbondslinks”指定的样式

Answer 4

更新您可以尝试这样：

a[class="dropdown-toggle"]:link
{
    color: black;
}

示例：http://jsfiddle.net/cherniv/p7HdC/2/

请注意，当element有两个类属性时，忽略所有浏览器中的 second 都很简单！看看：http://jsfiddle.net/cherniv/p7HdC/4/

更新2 感谢Wayne Austin提到唯一正确的解决方案是拥有一个类属性，如下所示：

 <a class="bailbondslinks dropdown-toggle" href="bailbonds.php" data-toggle="dropdown">

Answer 5

它应该是这样的：

.bailbonds a:link{
    color: black;
}
.bailbonds a:visited{
    color:black;
}

依旧......

CSS - 在与另一个类下的特定类进行样式链接时覆盖问题

5 个答案: