html - 每种不同风格的 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>在必要时添加另一个元素 - 它可以帮助简化和标准化您的格式。