CSS 代码技巧与维护 ★ Mozilla Hacks – the Web developer blog

原文链接： https://hacks.mozilla.org/2016/05/css-coding-techniques/

译文链接 : http://www.zcfy.cc/article/css-coding-techniques-x2605-mozilla-hacks-8211-the-web-developer-blog-1244.html

最近，我发现许多人被CSS难倒，无论是新手还是有经验的开发者。自然地，他们就希望能有一种更好的语言来代替它，CSS预处理器就是从这种想法中诞生的。一些人希望可以用CSS框架来写更少的代码（我们已经在前一篇文章 看到为什么这不是一种好的方案)。一些人已经开始放弃CSS转而使用JavaScript来应用样式。

但是你没必要总是在你的工作流中使用CSS预处理器。你也没有必要用一个臃肿的框架作为你每一个项目的默认开始。任何使用JavaScript来做一些本来CSS应该做的是一件很可怕的想法。

在这篇文章中，我们将看到一些写更好的CSS的技巧和建议,更加容易维护的CSS代码，因此你的样式表将会变得更短，有更少的规则。CSS会成为一个便捷的工具而不是一个负担。

选择最小可用选择器

##

CSS是一种声明式语言，利用它你可以为DOM元素指定样式。在这门语言中，有些规则优先于另外的一些规则，就像行内样式会重写一些先前的规则。

例如，如果我们有以下的HTML和CSS代码：

 class="button-warning">