嵌套规则

在编写HTML时,您可能已经注意到它有一个清晰的嵌套和可视化层次结构。而CSS则不然, Sass将允许以与HTML相同的视觉层次结构嵌套CSS选择器。请注意,过度的嵌套规则会导致编译的CSS过度复杂,这可能很难维护,而且通常被认为是不好的实践。考虑到这一点,这里有一个典型的网站导航风格的例子:

您将注意到ul li a选择器嵌套在nav选择器中。这是组织CSS并使其更具可读性的好写法。

上次更新: 2019-11-5 4:49:11 PM