Javascript 使用CSS类中的数字作为CSS值

我正在尝试简化CSS样式。是否可以使用CSS类中的数字作为要应用的值？类似于PHP或JavaScript函数中的参数

前

---

我不确定这是否是您想要的，但是，使用：root，您可以添加如下代码所示的参数，希望这有帮助

:root {
    --main-bg-color: coral;
    --padding: 5px;
}  

#div1 {
    background-color: var(--main-bg-color);
    padding: var(--padding);    
}

---

到目前为止，这是不可能的，而且可能永远都是。但是，当新的CSS草稿获得批准时，您将能够使用自定义属性执行类似的操作。例如，如果你有。。。您可以按如下方式设置其填充：

div /* or whatever selector you would like to use */ {
    padding: attr(padding px);
}

@for $padding from 1 to 13 {
    .padding-#{$padding} {
        padding: $padding + px;
    }
}

你可以阅读更多关于这方面的内容。不幸的是，该草案尚未获得批准。因此，在此之前，您可以设置一些标准填充-如padding-4、padding-8、padding-12等-或者使用SASS/SCSS foreach循环，如下所示：

div /* or whatever selector you would like to use */ {
    padding: attr(padding px);
}

@for $padding from 1 to 13 {
    .padding-#{$padding} {
        padding: $padding + px;
    }
}

---

不使用纯CSS AFAIKSaludos mxcoder。。墨西哥之路。。格雷西亚斯。。让我想象一下，创造这样的课程没有时代的可能性。不客气！希望您能找到一个好的解决方案，也许是CSS变量？谢谢Yashwardhan。。我查一下SCSS。。从来没用过…谢谢Obada。。我熟悉CSS自定义属性。我不是我要找的。。我需要在类名本身中设置该值。。无论如何，谢谢你。。我正在查看另一位用户推荐的SCS Anytime Quin，我想推荐“sass”，只是想先排除这个可能性。至于你问题的-2，因为人们投票认为你没有正确地提问。为了避免这样的负面投票，试着把你想做的事情也张贴出来。享受堆栈！那太好了，我不认为它应该被否决，但是人们都很挑剔，希望在这个问题上看到研究成果。我认为在提问时采用直截了当的方法更好。。不那么令人困惑和中肯。。无论什么无论如何，谢谢你，奥巴达。。祝你周末愉快。。