CSS可以选择兄弟姐妹和后代吗?

时间:2015-02-06 14:48:31

标签: css css-selectors siblings

注意:我不是在问如何选择父母。

在我提出问题之前,这里有一些快速的背景。

可以使用直接兄弟选择器:

p + p { background: red; }

...选择第二个<p></p>

<p></p>
<p>selected!</p>

可以使用直接子选择器:

p > span {background: red; }

...仅选择span的直接子p

<p>
  <span></span>
</p>

好的,太棒了。

现在,如何仅选择紧随其后的<p>个元素 <p>只包含<br>

<p>            <!-- when there is a p                     -->
  <br />       <!-- and it only contains a br             -->
</p>
<p>            <!-- select the p immediately following it -->
   Select me! 
</p>

我试过p > br:only-child + p {background: red;},但这不太对。

1 个答案:

答案 0 :(得分:2)

这完全不可能。

您无法根据子元素选择父元素。