外部css同胞父组合器

Question

<div class="main">
  <div>
    <a class="_link _spec nta">Link one</a>
  </div>
  <div>
    <a class="_link _spec">Link two</a>
  </div>
</div>

我想选择第二个锚元素，但是，我有问题。如果它包含.nta类，我只想根据第一个锚点选择它。

._spec.nta + a { color:red; }

我试过了，但是只有当元素在它旁边时，它才能起作用。

Answer 1

基本上，你有两个选择：

1. 将类名从元素移动到div元素。它应该是这样的：

​

.nta + ._spec{
  color: red;
}

  <div class="main">
       <div class="_spec nta">
           <a class="_link">Link one</a>
       </div>
       <div class="_spec">
           <a class="_link">Link two</a>
       </div>
</div>

​

使用:not()属性的

1. ：

​

 ._link._spec:not(.nta) {
        color: red;
 }

 <div class="main">
      <div>
        <a class="_link _spec nta">Link one</a>
      </div>
      <div>
        <a class="_link _spec">Link two</a>
      </div>
 </div>

​

祝好运!