使用 CSS 定位 h2 之后的所有 p 元素

问题描述 投票:0回答:2
html css css-selectors
2个回答
4
投票

如果没有任何其他

p
元素,您可以使用
~
代替
+
:

.history ~ p

如果在第二个

p
之后还有更多
h2
元素,并且您只想选择
h2.history
h2.present
之间的元素,我认为当前的 CSS 选择器不可能做到这一点。通用兄弟选择器
~
匹配 p
 之后的 
每个 
h2
兄弟,无论其中是否还有其他兄弟。

也就是说,您可以使用 jQuery 轻松完成它:

$('.history').nextUntil('.present')

0
投票

您将如何定位标题后每组中的最后一个 P?

© www.soinside.com 2019 - 2024. All rights reserved.