css – 与具有特定班级的姐妹的关系

2023年7月24日 219次阅读

不确定这在css中是否可行,但我想要做的是

说,你有你的html结构如下： –

<h4>Title <span class="specific"> text </span> </h4>
<div>
    <p> This is some text. </p>
</div>

现在,我想设置div p元素的样式,但我想使用h4 span.specific作为div p元素的关系.

使用括号,它可能看起来像这样. (h4 span.specific)〜(div p)

只是想知道这是否只能用CSS完成.

最佳答案不幸的是,选择器由单个元素(伪类)之间的关系组成.你想在选择器之间建立关系,这在今天是不可能的,也不会在CSS4中.

问题是,如果你使用CSS遍历DOM树,那么根本无法遍历(除了确定选择器选择器的主题！),因此无法创建这样的关系.

为了解决这个问题,您必须能够识别h4> span.specific而不查看跨度,例如应用h4上的类.

参考文献：