css - 在 CSS 中嵌套规则真的可以节省很多时间吗？ (使用 HAML 或 LESS)

Question

目前，这是我编写 CSS 代码的方式:

普通 CSS:

#content { color: white; background: black; }  
#content a { color: yellow; }  
#content p { margin: 0; }  
#content (etc...)  
#contnet (etc...)  
#content (etc...)  

(我总是包括父级，即使它不是必需的，这样我可以在样式表中定位自己)

这是在 SCSS 或 LESS 中的实现方式:

#content {  
  color: white;  
  background: black;  
    a { color: yellow; }  
    p { margin: 0em; }  
    (etc....)  
    (etc....)  
    (etc....)  
}  

在 CSS 中使用嵌套规则有哪些优缺点？

Answer 1

简短的回答是:清晰。

阅读第二项要容易得多。此外，它往往会迫使您将所有与#banner 相关的样式放在一个位置，而不是分散在整个工作表中。

它节省时间吗？我想这取决于你的工作习惯。可能吧。