我们如何将具有相同属性的两个不同类的样式块(除了下面的代码中所示的“ Padding”)合并到一个块中。
在这里,我正在使用SASS(语法上很棒的样式表)。任何帮助都是可取的。谢谢。
.bookstyle {
color: $alt-dark-blue;
padding-left:82.1px;
cursor: pointer;
clear: both;
font-size: 10px;
}
.pagestyle {
color: $alt-dark-blue;
clear : both;
cursor: pointer;
font-size: 10px;
}
一种方法是使另一种扩展。这是一个例子
.bookstyle {
@extend .pagestyle;
padding-left:82.1px;
}
.pagestyle {
color: red;
clear : both;
cursor: pointer;
font-size: 10px;
}
或者,您可以使用mixins添加所需的规则。
我假设您正在使用Sass的SCSS语法
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句