1

我在使用提供的代码对这组链接进行样式设置时遇到问题，为具有特定类的链接设置样式的正确方法是什么，或者我有没有设置全局样式的替代方法，只有这个链接。？我正在使用引导类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;
}
4

5 回答 5

1

错别字：

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

1.)过剩<<

2.) class="dropdown-toggle"可能会覆盖您为class="bailbondslinks"指定的样式

于 2013-09-11T08:59:53.690 回答
1

我创建了一个小提琴 -> 你有一个 < 超过必要的。

这个可以吗？

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>
于 2013-09-11T08:55:53.323 回答
1

根据您的问题，您想按类设置链接样式。见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;
}
于 2013-09-11T08:56:33.113 回答
0

更新 你可以这样尝试：

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

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

请注意，当元素具有两个类属性时，在所有浏览器中都可以忽略第二个！看看：http: //jsfiddle.net/cherniv/p7HdC/4/

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

 <a class="bailbondslinks dropdown-toggle" href="bailbonds.php" data-toggle="dropdown">
于 2013-09-11T08:51:24.783 回答
0

它应该是这样的：

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

等等..

于 2013-09-11T08:56:13.420 回答