在CSS中,将一个属性拆分为多个块会降低代码可读性和维护性,因此尽可能避免这种情况。如果确实需要,则可以使用Sass等CSS预处理器中的变量或mixin来避免重复代码并提高可维护性。
例如,在Sass中,可以定义一个'$width”变量并在需要使用它的地方引用它:
$width: 100px;
.foo {
width: $width;
}
.bar {
width: $width;
}
在生成的CSS中,每个选择器都将具有相同的'width”属性:
.foo {
width: 100px;
}
.bar {
width: 100px;
}