标签 html css architecture
<分区>
假设我有一种颜色，我知道我会在网站中大量使用它。
我可以在各种 CSS 类中多次定义颜色
.nav-login { color:#green; other CSS content....... }
或者
.green {color:green;}
.nav-login { other CSS content....... }
<div class="nav-login green">stuff</div>
所以概念是，您应该使用辅助 CSS 类还是应该定义所有具体内容？
理论上，从长远来看，您可以通过编写更多的 CSS 和更少的 HTML 来节省带宽，但我发现在 HTML 中应用辅助 CSS 类的方法令人愉悦，几乎就像您在设计意义上编写语义 CSS 一样。
最佳答案
我个人认为根据属性命名类不是个好主意，比如 .green对于绿色文本。相反，使用限定符，比如 .approved对于绿色文本，和 .warning用于警告、警报等。
以我的愚见，选择器(类、ID)应该反射(reflect)元素的作用/目的，而不是它们的外观。举例来说，如果您想重新设计您的网站并采用新的配色方案，并且您的导航菜单从绿色变为蓝色 - 那么，.green selector 的意义很小，将来接手元素的人也很难理解。
此外，没有理由分配 .green类到导航登录<div> , 如果您已经可以使用 .nav-login 指定它.
Chris Coyier 编写了一个相当全面的 CSS style guide - 这不是黄金法则，但遵循它很好。
关于html - 全局 CSS 辅助类是个好主意吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15054559/