选择所有后标签[重复]

Question

这个问题听起来可能很奇怪，因为处理它的一个简单方法就是向这些类或id添加一个特定的类或id

...但是我的html是由其他一些工具渲染的，所以我不能管理那些特定的

<h3>ipsum</h3>
<p>lorem</p>
<p>foo</p>

我试图用H3P选择器解决这个问题，但它只能更改第一个




Answer 1

：组合器选择相邻的兄弟姐妹。这意味着第二个元素直接跟随第一个元素，并且两者共享相同的父元素。

~：组合器选择兄弟姐妹。这意味着第二个元素紧跟在第一个元素之后（虽然不一定立即），并且两个元素共享同一个父元素。

所以，用~代替

h3 ~ p {your code...}

css prettyprint-override">h3 ~ p { background-color:yellow }

<h3>ipsum</h3>
<p>lorem</p>
<p>foo</p>

Answer 2

只需使用常规同级选择器~（而不是相邻同级选择器）：

css prettyprint-override">h3 ~ p {
  color: red;
}

<h3>ipsum</h3>
<p>lorem</p>
<p>foo</p>