模块化

• 每个模块必须有一个模块名；
• 每个模块的基本组成部分应该一致；
• 模块的子节点类名需带上模块名（防止模块间嵌套时产生不必要的覆盖）；
• 孙辈节点无需再带模块名。

代码如：

<section class="m-detail">
    <header class="m-detail-hd">
        <h1 class="title">模块标题</h1>
    </header>
    <div class="m-detail-bd">
        <p class="info">一些实际内容</p>
    </div>
    <footer class="m-detail-ft">
        <a href="#" class="more">更多</a>
    </footer>
</section>

其中 .m-detail-hd, .m-detail-bd, .m-detail-ft 为可选，视具体模块情况决定是否需要抽象为这种 头，中，尾 的结构