分类导航

CSS方法论完全总结

发布时间：2016年12月20日作者：文章转自网络，版权归原作者所有，反馈可立刻删除 (该文来自笔记，点击查看原文)

软件开发领域所有的工程问题，归根结底衍生自一个问题：代码量大了怎么办？

对于CSS而言，因代码量增大导致的核心问题是命名冲突。

解决命名冲突的方法论是模块化，围绕此方法论，演化出种种模块化方案。

一、命名的模块化

基本思路是确保全局空间下一级域名不冲突，那么子域名就被限定在了独立的局部作用域中，从而保证命名的唯一性。

根据域名的划分方式，出现了不同的命名方案：

　　 BEM：Block-Element-Modifier，比较笼统，没有过多限制规定

　　 SUIT CSS：

　　 1、将命名对象划分为组件（component）和功能（Utility）。组件直接命名，功能额外加前缀，比如专门给js调用的类名可加上js前缀：js-button

　　 2、规定了连字符的用法。普通隔断用单个连字符，描述性词汇用两个连字符：

　　 .nav-button { }

　　 .nav-button--primary { }

　　沿着这个思路，其实还可以把下划线引进来，用来设置其它规则。