2016.12 所有博文


CSS 命名管理 之 BEM

0x1.前页 好吧,将 BEM 简单的解释为 “Block-Element-Modifier“, 其实是个不负责任的做法。鬼知道 Block 是什么啊?所以,看了一些似懂非懂的中文解释之后,自己还是得去找些英文来读一读,顺便总结一下。本人对 HTML、JavaScript、CSS 其实都只是一知半解,所以,如果有理解不到位的,还望各位看官斧正。但是,本着“要学就要学最先进”的原则,即使是基础不扎实,还是要冲着更有效率的方式前进。 有不想看我罗嗦的看官,可以直接看下面这篇文档: https://css-tricks.com/bem-101/ 0x2.什么是 BEM 我们借助一个实例,来对 BEM 做一下介绍。下面是一个遵照 BEM 规则写的 CSS: /* Block */ .btn { text-decoration: none; background- …