1回答

小小小

2021-06-18

已采纳

settings 是全局变量，只是变量复用，其实并没有节约 CSS 代码，感受一下如下案例：
$col: #333

.header {
    color: $col
}

.footer {

    color: $col

}

.main {

    color: $col

}

不管变量复用多少次，样式总量并没有减少，所以直接使用 settings 并没有节约 CSS 代码，如果把 settings 放到 acss 中再定义一次，效果就不一样了。

acss 是真实节约了 CSS 代码，感受一下如下案例：

[col] {

    color: $col

}

<header col></header>

<footer col></footer>

<main col></main>

<div col></div>

通过如上案例，可以发现，样式只定义了一个 [col]，且被重复使用，真正节约了 CSS 代码总量。

0

1

tina_827

非常感谢！

2021-06-18

共1条回复