css - 使用 :not to exclude classes in css

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%;
}