相关疑难解决方法(0)

css3:not()选择器来测试父类

我有一个无序的列表,使用bootstraps"tabs"插件.代码如下所示:

<ul>
  <li class="active span3"><a href="#ourAgency" data-toggle="tab"><i class="icon-building icon-3x"></i>Our Agency</a></li>
  <li class="span3"><a href="#studentVisas" data-toggle="tab"><i class="icon-laptop icon-3x"></i>Student Visas</a></li>
  <li class="span3"><a href="#workVisas" data-toggle="tab"><i class="icon-suitcase icon-3x"></i>Work Visas</a></li>
  <li class="span3"><a href="#accreditation" data-toggle="tab"><i class="icon-legal icon-3x"></i>Accreditation</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想使用CSS3来改变<a>其父<li>级没有类的所有链接的颜色.active.

我尝试过这样的事情:

 a:not(li.active>a){
    color:grey;
}
Run Code Online (Sandbox Code Playgroud)

但无济于事.有没有办法做到这一点,还是我咆哮错误的树?

css css-selectors css3

37
推荐指数
1
解决办法
4万
查看次数

标签 统计

css ×1

css-selectors ×1

css3 ×1