CSS选择器:如何选择非元素兄弟节点?

2024-04-13

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

相邻同级选择器具有以下语法:E1 + E2,其中 E2 是选择器的主题。如果 E1 和 E2 选择器匹配 在文档树中共享相同的父级并且 E1 紧接在前面 E2,忽略非元素节点(例如文本节点和注释)。

那么我们如何才能选择非元素兄弟节点呢?例如:在下面的html中,我们如何选择“非元素文本”文本?

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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS选择器:如何选择非元素兄弟节点? 的相关文章