4
我想创建CSS规则样式span
元素,它紧跟其他一些跨度,并且它们之间没有文本内容。所以,我想在这个例子中的风格<span class="bar">Second</span>
:样式跨度元素跟在另一个跨度之间没有文字内容
/* colours both "Second" and "Fourth" */
span.foo+span.bar {
color: red;
}
而且我已经尝试了一些伪类:
<span class="parent">
<span class="foo">First</span>
<span class="bar">Second</span> <!-- this one! -->
</span>
<span class="parent">
<span class="foo">Third</span>
Some text.
<span class="bar">Fourth</span> <!-- but not this! -->
</span>
我同时使用+
(adjacent)和~
(general)组合程序没有成功尝试:
/* colours "Third", "Some text." and "Fourth" */
span.parent :only-of-type {
color: red;
}
我正在寻找一些在纯CSS中的工作解决方案。它可能使用实验性功能(如:has
),但必须由Chrome浏览器支持。
不幸的是,这是不可能只使用CSS – sol
的答案使用jQuery https://stackoverflow.com/questions/看的类似的问题11198007 /选择 - 邻接 - 兄弟 - 无干涉 - 文本节点 –
@SureshPonnukalai,谢谢,这是一个类似的问题。但是5年前有人问到,从那以后可能有什么变化? –