Css 如何在Sass中嵌套包含类的元素内部的头？ 问题:

.center h1{}

和

h1.center

之间有什么区别？这对样式结果有什么影响？嵌套时应该考虑什么

 .center {
     text-align: left;
 }
 .center h1 {
     margin-bottom: 10px;
 } 

---

第二条规则将所有

h1

设置为

.center

内的样式，而不仅仅是直接的子对象。例如：

<div class="center">
    <h1>this one</h1>
</div>

---

第二个选择器与中心功能无关。它只给一个元素中的每个h1加上底部的“中心”类一个边距，即10px。

Sass只是一种更快地编写css的方法。由于我们不能在css中使用动态变量，一些沮丧的开发人员使用他们最喜欢的语言（ruby）创建了脚本，让我们可以在css中注入变量。因此，他们将其命名为SASS。我希望我没有把你弄糊涂后代组合符是纯CSS。您没有在该代码中使用任何SASS功能。在SASS中应该是：@cimmanon：请再读一遍我写的东西。这是正常的CSS，而不是SASS语法（在SASS中也允许）。这意味着您可以将文件另存为

.sass

，将其作为sass处理，并忽略sass/LESS/预处理器的优点。如果你想找到否定正确答案的理由，你会发现它无处不在。我反对的是，你声称你“应该”使用嵌套在Sass中编写选择器，这是完全错误的：嵌套是完全可选的。此外，不能使用扩展名

.sass

编译SCSS语法。

<div class="center">
    <div class="another div">      
        <h1>this one</h1>
    </div>
</div>

.center {
    text-align: left;

    h1 {
        margin-bottom: 10px;
    }
}