html - CSSセレクタ

Question

以下で強調表示されている ul マークアップに到達するためのセレクターは何ですか? (クラスや ID は使用できません。html マークアップへのセレクターが必要です)

ここに私のhtmlコードがあります:

<div id="mainmenu">
  <ul class="menu">
    <li class="item-472">
        <a href="#">Accueil</a>
    </li>
    <li class="item-475 current active deeper parent">
      <a href="#" class="drop">Produits</a>  
        **<ul> <!--Here is the first ul I'm tryin to style --> **  
            <li class="item-519 deeper parent" >
            <h3>Fenêtres</h3>
            <p>PVC</p>
            <a href="#">Fenêtres</a>
           ** <ul> <!-- the second ul to style -->**
                <li class="item-521 deeper parent">
                    <a href="#">PVC</a>
                    <ul >
                        <li class="item-522"><a href="#">Arcade</a></li>
                    </ul>
                </li>
            </ul>
            </li>
        </ul>
    </li>

Answer 1

これらの順序付けられていないリストのスタイルを設定するには、セレクターをどの程度具体的にするかによって、さまざまな方法があります。以下にやや包括的なリストを作成しました。

最初の選択方法ul:

• ul
• li ul
• ul li ul
• ul .item-475 ul
• ul .current ul
• ul .active ul
• ul .deeper ul
• ul .parent ul

2 番目を選択する方法ul:

• ul ul
• li ul ul
• ul li ul ul
• ul .item-475 ul ul
• ul .current ul ul
• ul .active ul ul
• ul .deeper ul ul
• ul .parent ul ul

重要:ul 2 番目が最初のものと同じか、より具体的であることを確認してくださいul。それ以外の場合、最初のスタイルがul2 番目の に適用されulます。

たとえば、これは機能します：

li ul {
    /* styles here */
}

ul .current ul ul {
    /* styles here */
}

しかし、これはうまくいきません:

ul .current ul {
    /* styles here */
}

ul ul {
    /* styles here */
}

Answer 2

最初の1つ：

li.active ul

二つ目：

li.active ul ul

http://jsfiddle.net/YYsZ3/