单个还是多个class如何避免多级chilren内容来自：https://zellwk.com/blog/css-architecture-1/ BEM是一种给CSS的样式命名的规则 B block 组件E element 组件的childrenM modifier 修改样式效果 使用BEM，能让元素结构之间关系清晰，命名也少了很多烦恼（直接在上层进行扩展就好）。 比起直接在上定义样式，然后在特定的地方进行覆盖。定义.button，只在需要的地方使用它，显然是更好的策略。 单个还是多个classBEM有两种使用方法，作者显然更青睐第二种（通过mixin来提取公共的样式） <button class="button">Primary button</button><button class="button button--secondary">Secondary button</button><button class="button">Primary button</button><button class="button--secondary">Secondary button</button> 如何避免多级chilren如何避免使用 .formrowinput 形式的BEM 孙子元素也可以直接和父亲的父亲相联接，即：.form__input孙子元素的命名，可以不和父级关联，即 .input 对于复杂的链路，作者给出的解决方案是，虚构一个名称 .item <div class="block"> <h3 class="block__title"></h3> <ul class="block__list"> <li class="block__item"> <h3 class="item__title"></h3> </li> <!-- ... --> </ul></div>
