使用:不排除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>

PS:请注意,在这里排除类意味着产生与类似问题不同的结果:我可以有多个:not()选择器吗？

Answer 1

试试这个,

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