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

不确定这在

css

中是否可行，但我想做的是

比如说，您的

html

结构如下：-

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

标题文本
这是一些文本

现在，我想设置

divp

元素的样式，但我想使用

h4 span.specific

作为

divp

元素的关系

使用括号，它可能看起来像这样<代码>（特定于h4跨距）~（p部分）

---

只是想知道这是否可以只用CSS实现

CSS非常强大，可以帮助您做到这一点

使用

希望有帮助

编辑：

您不能指定span.specific，但可以在div中说p后跟h4，即

h4 + div > p.

---

抱歉造成混淆。

括号不是有效的CSS选择器运算符

选择器和组合器的顺序是从右向左读取的

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

它将上述声明解释为：

选择一个p元素 有父div的 这是h4的兄弟，它有特定的父类

---

请在此处找到工作演示：

您只能通过以下方式实现此目的

我找不到其他解决办法

h4 ~ div p{
   color:green 

}

---

不幸的是，选择器由单个元素（+伪类）之间的关系组成。您希望在选择器之间建立关系，这在今天是不可能的，也不会出现在CSS4中

问题是，如果使用CSS在DOM树中向下遍历，则根本无法向上遍历（除了确定选择器的主题之外）

！

），因此无法创建这样的关系

为了解决此问题，您必须能够识别

h4>span.特定的

，而无需查看

span

，例如，在

h4

上应用类

参考资料：

---

看来你是唯一一个明白我想说什么的人。谢谢我会设法找到其他的方法。这很有帮助。我只是想通过引入括号来表达我的观点。在css的子元素中没有“特定”类，这也是我的观点。抱歉，这解释起来有点棘手。这意味着我要用h4作为姐妹选择器来更改div同级中所有p元素的颜色。我只想要那些有h4作为姐妹选择器的选择器，它有特定类的兄弟。h4>span.specificss中没有父选择器

h4.specificParent~div>p {
    background-color: red;
 }

h4 ~ div p{
   color:green 

}