CSS 选择器 : how to select non-element sibling node?

Question

根据此处的规范:http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors

Adjacent sibling selectors have the following syntax: E1 + E2, where E2 is the subject of the selector. The selector matches if E1 and E2 share the same parent in the document tree and E1 immediately precedes E2, ignoring non-element nodes (such as text nodes and comments).

那么我们如何选择非元素兄弟节点。例如:在下面的html中，我们如何选择“非元素文本”文本？

<div><label>Some text here</label> Non-element text</div>

Answer 1

你不能。 CSS 选择器只能选择元素节点。这就是相邻兄弟组合器按描述工作的原因。

如果您需要应用样式，请尝试将它们应用到 div 并在 label 中覆盖它们。当然，这确实取决于您应用的样式，因为某些样式无法撤消或受继承影响。