在CSS中使用模板

我想知道是否有可能在css中使用“模板式”如下：

HTML:

谢谢：）

简短而简单：不，（在香草CSS中）这是不可能的。

---

事实上，我没有看到这样的用例，因为您可以简单地使用样式本身，然后应用一个只有一个属性的类。您可以在tho或tho中使用变量（例如，用于预定义颜色）。

请查看LESS或SASS或SCSS，这在纯CSS中是不可能的。在SASS（或LESS）中，如何从html中获取值？如果不使用，请在编译前指定或使用JavaScript。但是老实说，

class=“padding-5”

和

style=“padding:5px；”

之间的区别在哪里？没有。如果你想这么做，那是一种代码味道。我想我不明白你在说什么。我不在乎如何编码。但我只想让一些人在我的html代码中添加有值的填充，而在我的css文件中没有X类。我完全明白你想要什么。想象一下这是可能的。然后编写

class=“padding-15”

以获得15像素的填充。这与编写

style=padding:15px完全相同“

这已经起作用了。然而，内联样式是一种代码味道。如果您想这样做，那么您构建的HTML/CSS是错误的。您需要的是HTMl和CSS之间的紧密耦合。好的，目标是解耦它。例如，使用引导，每列有12行（col-1->12），我只想有一行并设置我想要的值。是的，这是可能的（至少有一种）。但数字“col-md-8”的宽度为“66.66666 7%”，这与类中的数字没有直接关系。仅供参考，Bootstrap还使用SASS=>我认为您应该看看Bootstrap的网格CSS文件。这应该是您正在寻找的：

<p padding-5>Padding 5</p>
<p padding-10>Padding 10</p>

padding-x {
    padding: x px;
}