java支持scss_将值从HTML传递到SCSS

好的，这就是我猜你正在问什么？

我想获取样式表代码(颜色，字体大小，字体宽度)，具体取决于我的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;

}