Правильный селектор для выбора родительских элементов только в неупорядоченном списке - PullRequest
Новая
       14

Правильный селектор для выбора родительских элементов только в неупорядоченном списке

1 голос
/ 23 апреля 2011

У меня есть неупорядоченный список следующим образом: 

<ul id="menu">
    <li><a href="#">Event Overview</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>
    <li><a href="#">About</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Blog</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Contact</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

</ul>

Мне нужно выбрать все элементы родительского списка, но не дочерние элементы списка.Например, мне нужно выбрать элементы списка, которые содержат «обзор событий», но не элементы списка, которые содержат «некоторый текст здесь».

Как правило, мой селектор будет выглядеть следующим образом #menu-nav li, но при этом выбираются всеэлементы списка, включая детей.

Каков правильный селектор для этого?

1 Ответ

2 голосов
/ 23 апреля 2011

Child Selector (поющие ангелы): 

#menu > li

Он будет выбирать только элементы li, которые direct потомки #menu.

...