css - 如何在 CSS 中选择一个 标签，该标签后面有一个同级 标签？

Question

HTML 是这样的:

<ul>
    <li>
        <a>Menu 1</a>
    </li>
    <li>
        <a>Menu 2</a>
        <ul>
            <li>Sub menu 2</li>
        </ul>
    </li>
    <li>
        <a>Menu 1</a>
    </li>
</ul>

如何选择 <a>具有兄弟 <ul> 的标签在它后面加标签，用纯 CSS？

(在上面的示例中，将是 <a>Menu 2</a>。)

Answer 1

不幸的是，我认为你做不到。

• CSS 2 包括 adjacent sibling selector ( + ) ，它允许您选择紧跟在另一个元素之后的元素。

  例如a + ul会选择你的 <ul>包含文本“子菜单 2”

• CSS 3 包括 general sibling selector ( ~ ) , 它允许您选择一个跟在另一个元素之后的元素，即使它们之间有元素也是如此。

  例如a + ul会选择你的 <ul>包含文本“子菜单 2”，即使有 <span>在 <a> 之间和 <ul>

但两者都没有一个选择器可以让您选择一个后面有特定元素的元素。