如何在css中选择具有附加类的元素

时间:2013-12-19 13:15:32

标签: html css

.navbar-default .navbar-nav > li > a 
{
     color: black;
     font-weight: normal;
}

这会对我的所有引导程序导航栏项应用黑色。 现在对于某些a href链接,我添加了一个名为current的类,具体取决于我上次点击的链接。

如何将此类添加到上述css规则中以设置该颜色的特定链接?

添加

的规则
.navbar-default .navbar-nav > li > a{}

此规则并未显示在该元素的chrome开发人员工具中。很奇怪

3 个答案:

答案 0 :(得分:0)

尝试

.navbar-default .navbar-nav > li > a.current {
    color: red;
}

答案 1 :(得分:0)

.navbar-default .navbar-nav > li > a {
    color: black;
    font-weight: normal;
}

.navbar-default .navbar-nav > li > a.current {
    color: blue;
}

答案 2 :(得分:0)

在Css父母>我们必须提及孩子,因此您必须指定a.current.current

.navbar-default .navbar-nav > li > a.current 
{
     color: black;
     font-weight: normal;
}

 .navbar-default .navbar-nav > li >.current 
    {
         color: black;
         font-weight: normal;
    }