具有 a 类但不具有 b 类的 CSS 选择器

Question

我已经尝试了各种方法，但我认为我变得太复杂了，甚至设法让 chrome 与我的选择器挂起。我确信有一种简单的方法可以做到这一点

选择 classa 但仅当没有 classb 时才忽略它的最后一个实例

<div class="container">
    <div class="classa classb"></div> <!-- Dont Select -->
    <div class="classa"></div>  <!-- Select -->
    <div class="classa"></div>  <!-- Dont select last instance -->
</div>

Answer 1

我相信您可以使用选定的 :not() 使用 CSS3 来做到这一点(例如 here )

div.classa:not(.classb):not(:last-child) {}

但是，如您所知，支持此功能的浏览器并不多，因此 Javascript 可能是一种更简单的方法...