• 較短的類名稱更快，更易於掃描。
>
• >標(biāo)題案例類在標(biāo)記中很容易發(fā)現(xiàn)；要查看小寫的後代類屬於什麼，只需穿越標(biāo)題類別的節(jié)點(diǎn)。
陷阱和解決方法
• 當(dāng)您使用標(biāo)題塊包含其他塊時(shí)，標(biāo)題CSS可能會(huì)出現(xiàn)問題。如果包含的標(biāo)題塊具有相同的後代選擇器類別，那麼它的包裹比將發(fā)生衝突，在這種情況下，您應(yīng)該在用作容器的標(biāo)題塊中使用兒童組合者。
要證明問題，以下是存在的一些示例標(biāo)記：

請(qǐng)注意，應(yīng)用於.header和.body元素的樣式也將適用於其他.header和.body元素進(jìn)一步嵌套。為了避免這種情況，這是解決方案：

<span><span>.Title</span> {}
</span>    <span><span>.Title.isModified</span> {}
</span>    <span><span>.Title .descendant</span> {}</span>

>使用兒童組合器（>）的選擇器，樣式僅適用於直接的孩子，而不適用於具有相同類名稱的進(jìn)一步的嵌套元素。

<span><span><span><div</span> class<span>="Container"</span>></span>
</span>    <span><span><span><header</span> class<span>="header"</span>></span><span><span></header</span>></span>
</span>    <span><span><span><main</span> class<span>="body"</span>></span>
</span>        <span><span><span><section</span> class<span>="Title"</span>></span>
</span>            <span><span><span><div</span> class<span>="header"</span>></span><span><span></div</span>></span>
</span>            <span><span><span><div</span> class<span>="body"</span>></span><span><span></div</span>></span>
</span>        <span><span><span></section</span>></span>
</span>        <span><span><span><section</span> class<span>="Title"</span>></span>
</span>            <span><span><span><div</span> class<span>="header"</span>></span><span><span></div</span>></span>
</span>            <span><span><span><div</span> class<span>="body"</span>></span><span><span></div</span>></span>
</span>        <span><span><span></section</span>></span>
</span>    <span><span><span></main</span>></span>
</span><span><span><span></div</span>></span></span>

>預(yù)處理提供了撰寫標(biāo)題CSS的絕佳方法。嵌套功能使您可以輕鬆地在樣式表中識(shí)別標(biāo)題塊。

<span><span>.Container</span> {}
</span>    <span><span>.Container .header</span> {}
</span>    <span><span>.Container .body</span> {}
</span><span><span>.Title</span> {}
</span>    <span><span>.Title .header</span> {}
</span>    <span><span>.Title .body</span> {}</span>

<span><span><span><div</span> class<span>="block block--modifier"</span>></span>
</span>    <span><span><span><p</span> class<span>="block__element"</span>></span>
</span><span><span><span></div</span>></span></span>

>反饋？

作為BEM，SMACSS和OOCS會(huì)建議，保持塊或模塊較小很重要。只有與標(biāo)題類密切相關(guān)的要素。

>關(guān)於CSS標(biāo)題和類命名的常見問題（常見問題解答）

>

>