css文件内容的组织

   我们希望在css文件里畅通无阻的浏览，迅速找到要编辑的选择器或css规则，就应该对css文件内的内容按一定的结构和规则来组织。

1.冗余vs附属

     必须不断了解级联(cascade)。决定是对选择器编组(意味着附属)，还是把它们分离(意味着冗余)。编组可以保持代码简洁扼要，可是会建立附属关系，导致维护开销增加。假如不编组，就会增加文件大小，让相似的选择器保持一致变得困难。只有做好这种权衡、取舍，才能每次都作出正确的决定。

2.按相互关系/上下文编组

     按照规则和选择器与其他部分的相互关系来进行编组是最好的方法。举例说明，假设你用容器、页眉和页脚来完成布局，就应该把它们编成一组。这似乎很简单，其实不然。比如，把页眉中的导航加入CSS时，是将它跟父元素编组还是独立编组?这种情况下，要视乎规则的上下文。通常，页眉与页面布局相关，应该与其他布局元素一起编组。而导航是页眉的一块，应该和页眉的其他块编组，而不是页眉本身。

3.使用注释

    跟大多数代码类似，注释是组织良好与否的要害。应该根据CSS的控制范围，清楚的标注每节(section)。最好确保注释视觉突出，以便在内容滚动、一目十行时快速定位。

可以在节名之前加上等号，以便使用文本编辑器的查找功能迅速跳到某节。应该细致认真地了解特异性、级联和继续，并善用它们。它们之中的每一项都可以是你最可怕的敌人，也可以是你最友善的朋友。当建立庞大的网站时，是否理解这些细微精妙之处，决定了你所构建的是坚如磐石的系统，还是经不起风雨的豆腐渣工程。

转载于:https://www.cnblogs.com/gb2013-shangduoduo/p/3405711.html