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

請注意，應用于.header和.body元素的樣式也將適用于其他.header和.body元素進一步嵌套。為了避免這種情況，這是解決方案：

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

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

<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>

>預處理提供了撰寫標題CSS的絕佳方法。嵌套功能使您可以輕松地在樣式表中識別標題塊。

<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會建議，保持塊或模塊較小很重要。只有與標題類密切相關(guān)的要素。

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

>

>