html - CSS <ul>选择器

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center。
                            
                        
                    
                
                                6年前关闭。
            
                    
达到下面突出显示的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>

最佳答案

有多种方式设置这些无序列表的样式，具体取决于您希望选择器的具体程度。我在下面创建了一个比较全面的列表。

选择第一个ul的方法：


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


选择第二个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与第一个ul相同或更具体。否则，第一个ul的样式将应用于第二个ul。

例如，this would work：

li ul {
    /* styles here */
}

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

但是this would NOT work：

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

ul ul {
    /* styles here */
}

关于html - CSS <ul>选择器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14916920/