如何使用sass合并两个类样式?

维拉特

我们如何将具有相同属性的两个不同类的样式块(除了下面的代码中所示的“ 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章