html - 在具有特定子元素的元素之后选择元素

<分区>

考虑这个 HTML:

<p>Foo</p>
<p>
  <br>
</p>
<p>Bar</p> <!-- I want to select this p element -->
<p>Baz</p>

在 CSS 中有什么方法可以选择“包含 br 元素的 p 元素之后的 p 元素”？

我知道我可以回过头来使用 JavaScript，但我很好奇是否有一些时髦的兄弟选择器组合，或者一些 magical pseudoclass我还没有遇到。

最佳答案

在给定的代码中

富

酒吧

巴兹

如果你想选择第 3 个 p 那么你可以使用一个伪类 :nth-child()

所以答案是p:nth-child(3)

如果这些 p 标签在容器内而不是将其用作所需结果的组合器，否则它将选择 html 文档中的所有第 3 个 p 标签

关于html - 在具有特定子元素的元素之后选择元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52967729/

相关文章：

html - 导航栏和主屏幕的网页容器对齐