css - ul#Content 与#Content ul 不一样吗？

Question

我正在调试我的 css 代码，因为我的 ul 没有按预期出现缩进和项目符号。

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

ul#Content li {// do something}

#Content ul li {// do something}

Answer 1

他们注意到不同的事情：

ul#Content li {// do something}

id 为“Content”li的类型元素内的ul所有元素ul

#Content ul li {// do something}

id 为“Content”的某个容器内的元素内的所有li元素ul

所以问题是：“内容”是ul其容器的 id 吗？

Answer 2

不，ul#content li匹配 aul中包含的任何 li id="content"，例如：

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

#content ul li匹配任何li包含在 a 中的ul，包含在另一个具有 . 的元素中的元素id="content"。例子：

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