gpt4 book ai didi

css - 与具有特定类别的姐妹的关系

转载 作者:行者123 更新时间:2023-11-28 08:47:35 27 4
gpt4 key购买 nike

不确定这在 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 树中向下遍历,则根本没有办法向上遍历(除了 Determining the subject of a selector 选择器 !), 所以不能创建这样的关系。

为了解决这个问题,您必须能够在不查看 span 的情况下识别 h4 > span.specific,例如在 上应用类h4 代替。

引用资料:

关于css - 与具有特定类别的姐妹的关系,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17872709/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com