Question

我正在尝试为特定类中的所有跨度应用css但排除其中一些，但以下代码不起作用：

.basket-items li span:not(.name,.count){border:solid 1px #ddd; border-radius:50%;}

我一直使用:not就像:not(:empty)一样。它不接受CSS课程吗？

这是html：

<ul class="basket-items">
    <li>
          <span class="ion-android-close"></span>
          <span class="name"></span>
          <span class="ion-plus"></span>
          <span class="count"></span>
          <span class="ion-minus"></span>
    </li>
</ul>

P.S。：请注意，在这里排除类别的意思是产生与类似问题不同的结果，如：Can I have multiple :not() selectors?

Answer 1

尝试这样，

.basket-items li span:not(.name):not(.count) {
   border:solid 1px #ddd; 
   border-radius:50%;
}

Answer 2

.basket-items li span:not(.name):not(.count){border:solid 1px #ddd;}

<ul class="basket-items">
    <li>
          <span class="ion-android-close">Hello</span>
          <span class="name">Hello</span>
          <span class="ion-plus">Hello</span>
          <span class="count">Hello</span>
          <span class="ion-minus">Hello</span>
    </li>
</ul>

使用：不排除css中的类

2 个答案: