如何查看CSS中的BEM命名？

BEM（Block Element Modifier）是一種在CSS中定義樣式的方法，它強調(diào)樣式的模塊化、可維護性和可復(fù)用性，在BEM中，每個樣式塊（Block）可以包含一個或多個元素（Element），并且可以被一個或多個修飾符（Modifier）所影響。

在CSS中查看BEM命名，可以通過查看樣式塊的類名（Class Name）來判斷，BEM樣式的類名遵循一定的命名規(guī)范，

Block的類名以“-”分隔，my-block”；

Element的類名以“-”分隔，并且緊跟在Block類名之后，my-block-element”；

Modifier的類名以“-”分隔，并且緊跟在Element類名之后，my-block-element--modifier”。

通過查看這些類名，我們可以輕松地識別出CSS中的BEM命名，在編寫CSS時，也可以遵循BEM的命名規(guī)范，以提高樣式的可維護性和可復(fù)用性。