好的,这就是我猜你正在问什么?
我想获取样式表代码(颜色,字体大小,字体宽度),具体取决于我的JSON对象的一个属性的值 .
这是不可能的,因为想法是处理SCSS文件并将其转换为静态CSS文件,然后将其加载到页面上 . 所以考虑到这一点,你能做的就是这个 .
假设您有一些HTML可以根据手机类型的值而改变,您可以在HTML中实现这一点 .
HTML
12345
12345
12345
CSS
.phone-type-1 {
color: red;
}
.phone-type-2 {
color: green;
}
.phone-type-3 {
color: blue;
}
你可以在这个CSS中使用mixin,但是你不需要它 . 你可以learn more about Mixins在这里解释它们是如何工作的 .
CSS中的一些东西编写起来有点乏味,尤其是CSS3和许多供应商前缀 . mixin允许您创建要在整个站点中重用的CSS声明组 . 您甚至可以传入值以使您的mixin更灵活 . mixin的良好用途是供应商前缀 . 这是border-radius的一个例子 .
作为额外的花絮,mixin就是这样的 .
@mixin text($colour, $size) {
color: $colour;
font-size: $size;
}
.class {
@include text(yellow, 14px);
}
当然,当编译成CSS文件时,我们得到的就是这个 .
.class {
color: yellow;
font-size: 14px;
}