css - 如何选择具有兄弟姐妹的标签在CSS中标记它？

Answer 1

不幸的是，我认为你不能。

• CSS 2 包括相邻兄弟选择器 ( +)，它允许您选择紧跟在另一个元素之后的元素。

  例如a + ul，将选择<ul>包含文本“子菜单 2”</p>

• CSS 3 包括通用的同级选择器 ( ~)，它允许您选择跟在另一个元素之后的元素，即使它们之间有元素。

  例如a + ul，<ul>即使<span>在 the<a>和<ul>

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

Answer 2

可能通过 nth-child

ul li:nth-child(2) a { color:#009; }

选择第二个列表项，然后选择后续的锚标记。

在这里演示

Answer 3

这是一个 jsFiddle 文件，您可以参考LINK

CSS

ul > li > a {color:red}

ul > li > ul  {color:blue}​

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>​