Html 如何在CSS/SASS中设置嵌套ID元素的样式

使用ID设置嵌套元素样式的正确方法是什么

example.html

<div id="content">
    <ul id="list">
        <li>Just a minimal example</li>
    </ul>
</div>

有了它，读取SASS文件就更容易了，因为很明显，

\list

是

\content

的子文件

但我认为浏览器必须检查两件事，不是吗？首先找到

#内容

，然后找到

#列表

元素

那么我应该使用吗

#content
    background: white;

#list
    list-style-type: none;
    padding: 10px 15px;

---

两者都很好。间距在css/sass/less/scss代码中没有影响

我建议在获得性能时不要嵌套id选择器。当然，这在小型CSS文件上是无关紧要的

在CSS输出中“显示”到类之间关系的一种常用方法是缩进子类，就像这样，但是CSS通常是缩小的，不人性化的，所以这一切也取决于谁来阅读它

#content {
  background: white;
}
  #list {
    list-style-type: none;
    padding: 10px 15px;
  }

---

但是第一个选择器是CSS中的

#content#list

，第二个选择器是

#list

，这取决于您希望CSS的显示方式

#content {
  background: white;
}
  #list {
    list-style-type: none;
    padding: 10px 15px;
  }