ul＃内容与#Content ul不一样吗？

Question

我正在调试我的css代码，因为我的ul没有像预期的那样出现缩进和子弹。

我的css中有很多UL，但我已经用各种方式编写了它们。我试图使它们统一，即在div名称之后的ul，但它们表现不同。有人可以帮助我理解差异，因为我想以统一的方式编写这些陈述。

ul#Content li {// do something}

#Content ul li {// do something}

Answer 1

他们注意到不同的事情：

ul#Content li {// do something}

li类型元素中的所有ul元素，其中ul的ID为“内容”

#Content ul li {// do something}

li元素内的所有ul元素，位于某个容器中，内容为ID'Content'

所以问题是：'内容'是ul或其容器的ID吗？

Answer 2

不，ul#content li匹配ul中包含id="content"的所有li，例如：

<ul id="content">
    <li></li>
</ul>

#content ul li与li中包含的任何ul匹配，其中包含id="content"的另一个元素。例如：

<div id="content>
    <ul>
        <li></li>
    </ul>
</div>