css - CSS相邻选择器不起作用

Question

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

选择标签中包含的标签<ul>前面的所有无序列表。strongp

因此，如果我有以下 HTML 结构：

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

我希望这会像这样工作：p strong + ul{}

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

Answer 1

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

   p   + ul
strong | li

这就是为什么您的选择器不起作用的原因。

这里的问题是你不能使用 CSS 来选择 ap只有当它有 astrong时，这使得使用纯 CSS 选择器是不可能的。（在有人问之前，选择器 4 中的主题选择器可能也不可能。）

您需要找到另一种方法，例如给出p适当的类名，或者使用 JavaScript 来遍历 DOM。