css - 如何在两个直接元素/标签之间选择元素？

Question

<h2>Arbitrary Tag</h2>
<p>no</p>
<p>yes</p>
<p>yes</p>
<p>no</p>
<h2>Arbitrary Tag</h2>
<p>no</p>
<p>yes</p>
<p>no</p>

在上面的例子中，如何选择被段落元素包围的段落元素？ (此特定示例中的"is"段落)

Answer 1

这在 CSS 中是不可能的。不过，您可以使用 jQuery 向这些元素添加样式。

$('p').each(function(){
  if ($(this).prev('p').length && $(this).next('p').length){
    $(this).addClass('yes');
    }
  });

.yes {
  color: green;
  font-weight: bold;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>Arbitrary Element</h1>
<p>no</p>
<p>yes</p>
<p>yes</p>
<p>no</p>
<h2>Arbitrary Element</h2>
<p>no</p>
<p>yes</p>
<p>no</p>