CSS 中的正向前瞻

我知道 Perl 正则表达式中积极前瞻的概念，即q(?=u)匹配后跟 u 的 q，但不使 u 成为匹配的一部分。我正在寻找类似的CSS：我想匹配div，后面跟着一个兄弟姐妹div.specialClass.

<div>..</div>  <!-- div to match -->
<div class="specialClass">..</div>

我玩过 + 但它与div.specialClass，而我想要前面的div.

您还不能声明选择器的哪一部分是主题。主题始终是 CSS 选择器的最后一个元素，直到我们有能力移动它，可能使用$ or ! syntax.

// Always selects the .specialClass div which follows another div
div + div.specialClass {
    color: red;
}

将来，您将能够将第一个 div 作为主题，可能使用以下语法：

// Selects any `div` preceding any `div.specialClass`
$div + div.specialClass { // or maybe div! + div.specialClass
    color: red;
}

你唯一的解决方法过渡期间是使用 JavaScript。像 jQuery 这样的工具会让这变得非常简单：

$("div + div.specialClass").prev();

现在供大家参考div紧接在任何元素之前的元素div.specialClass.

Demo: http://jsfiddle.net/jonathansampson/HLfCr/ http://jsfiddle.net/jonathansampson/HLfCr/
来源：http://dev.w3.org/csswg/selectors4/#subject http://dev.w3.org/csswg/selectors4/#subject