• 較短的類名稱更快，更易于掃描。
>
• >標(biāo)題案例類在標(biāo)記中很容易發(fā)現(xiàn)；要查看小寫(xiě)的后代類屬于什么，只需穿越標(biāo)題類別的節(jié)點(diǎn)。
陷阱和解決方法
• 當(dāng)您使用標(biāo)題塊包含其他塊時(shí)，標(biāo)題CSS可能會(huì)出現(xiàn)問(wèn)題。如果包含的標(biāo)題塊具有相同的后代選擇器類別，那么它的包裹比將發(fā)生沖突，在這種情況下，您應(yīng)該在用作容器的標(biāo)題塊中使用兒童組合者。
要證明問(wèn)題，以下是存在的一些示例標(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ù)處理提供了撰寫(xiě)標(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)題和類命名的常見(jiàn)問(wèn)題（常見(jiàn)問(wèn)題解答）

>

>