动态CSS属性值取决于它的类/ ID名称

Question

我想知道是否有方法来动态设置一个CSS属性值取决于其名称。例如：

.m-b-5 { 
    margin-bottom: 5px; 
} 

其中5px引用其类/ id名称。

Answer 1

纯CSS无。用CSS的唯一方法是创建所有你在开始使用类：

.m-t-10{ margin-top: 10px } 
.m-t-20{ margin-top: 20px } 
.m-t-30{ margin-top: 30px } 
/* etc margin */ 

.p-t-10{ padding-top: 10px } 
.p-t-20{ padding-top: 20px } 
.p-t-30{ padding-top: 30px } 
/* etc padding */ 

或者你可以用更少/ SCSS /其他一些CSS预处理程序创建一个混合/函数创建的类。

Boostrap V4包含相同的功能，所以check the source code to get the idea。