每个不同风格的CSS课程都是个好主意吗？

Question

目前在我的网站上，每次样式更改时都会有css类，例如，对于标语的副标题我有.subheading{font-size:20px;}我怀疑这是否是一个好的计划。简而言之，一个规则类应该只使用html中的style属性，还是有不同的方式来解决这个问题？

Answer 1

没有错。但是，考虑一下几个类是否包含许多相同的样式，那么为什么不将它们嵌套在父类中并将常用样式应用于父类，以便它们由子元素继承。例如，如果您有以下内容：

.para{ color: white; font-size: 2em;}
.subhead{ color: white; font-size: 3em;}
.heading{ color: white; font-size: 4em;}

最好这样做：

.text {color:white;}
.para{font-size: 2em;}
.subhead{font-size: 3em;}
.heading{font-size: 4em;}

然后是html：

<div class='text'>
    <div class='para'> </div>
    <div class='subhead'> </div>
    <div class='heading'> </div>
</div>

随着我越来越熟悉html的样式，我发现一个好的做法是永远不要害怕在必要时添加另一个<div>元素 - 它可以帮助简化和标准化你的格式。< / p>