sass - Sass - css自定义属性可以包含多个要引用的值?

127 5

假设我想创建一个可以多次重用的类选择器值。


.shaded {


 background: black;


 color: grey;


}



然后我想在css中的其他内容中使用这两个选择器值。


.box1 {


 width: 100px;


 height: 100px;


}


.box2 {


 width: 75px;


 height: 75px;


}


.box3 {


 width: 50px;


 height: 50px;


}



我希望box1,box2和box3有shaded的值。


background: black;


color: grey;



有没有一种方法可以使用CSS自定义属性来完成这个任务,例如,“ var (—shaded )”? 如果没有css自定义属性,我可以使用什么?

时间: 原作者:

130 5

SASS"扩展"功能(SCSS)帮助你。

使用

 
@extend .shaded



 

你应该以scss格式文件编写CSS代码,以便能够进行操作。

下面的链接可以帮助你

https://sass-lang.com/documentation/at-rules/extend

原作者:
140 4

假设你有 .shaded 选择器。


.shaded {


 background: black;


 color: grey;


}



在sass中,你可以将类定义导入到另一个选择器中,如下所示,


.box1 {


 @extend .shaded;


 width: 100px;


 height: 100px;


}


.box2 {


 @extend .shaded;


 width: 75px;


 height: 75px;


}


.box3 {


 @extend .shaded;


 width: 50px;


 height: 50px;


}


```



原作者:
...