选择父母不是ul [class =“nav navbar-nav”] li的所有锚点

时间:2017-04-04 18:22:00

标签: css css3

有人会非常友好地告诉我以下CSS选择器有什么问题吗?

:not(ul[class="nav navbar-nav"] li) > a  

我正在尝试选择anchor Thx in advanced的所有parent is not ul[class="nav navbar-nav"] li个元素:)

我正在尝试为除以下锚点之外的所有锚点设置CSS属性:

<ul class="nav navbar-nav">
  <li class="active">
    <a href="#">Hi</a>
  </li>
  <li>
    <a href="#">Hello</a>
  </li>
  <li>
    <a href="#">Bye</a>
  </li>
</ul>

编辑:使用jQuery的正确选择器将是jQuery(':not(ul[class="nav navbar-nav"] li) > a')

1 个答案:

答案 0 :(得分:1)

你最好首先设置一般的样式,然后覆盖特定的。这样就足够了:

&#13;
&#13;
a {color: red}

ul.nav.navbar-nav > li > a  {
  color:blue;
}
&#13;
<ul class="nav navbar-nav">
  <li class="active">
    <a href="#">Hi</a>
  </li>
  <li>
    <a href="#">Hello</a>
  </li>
  <li>
    <a href="#">Bye</a>
  </li>
</ul>
<a href="#">Default Link Style</a>
&#13;
&#13;
&#13;