CSS Adjacent Selector不工作

Question

我希望创建一个CSS相邻选择器来执行以下操作：

选择所有无序列表<ul>，其前面有strong标记中包含的p标记。

所以，如果我有以下HTML结构：

<p><strong>Headline</strong></p>
<ul>
    <li>list item</li>
</ul>

我愿意这样做：p strong + ul{}

但事实并非如此。我该怎么做？

Answer 1

ul是p的兄弟，而不是strong：

   p   + ul
strong | li

这就是你的选择器无效的原因。

这里的问题是，只有当p具有strong时才能使用CSS来选择p，这使得纯粹的CSS选择器无法实现。 （在任何人问之前，选择器4中的主题选择器可能也不可能。）

你需要找到另一种方式，例如给{{1}}适当的类名，或使用JavaScript遍历DOM。