如何查看CSS中的BEM？

BEM（Block Element Modifier）是一種CSS命名方法，它可以幫助我們更好地組織和維護(hù)CSS代碼，在BEM中，每個(gè)元素都有一個(gè)***的標(biāo)識符，由塊（Block）、元素（Element）和修飾符（Modifier）組成。

要查看CSS中的BEM，您可以檢查您的CSS代碼中的類名是否符合BEM的命名規(guī)則，BEM的命名規(guī)則如下：

塊（Block）表示一個(gè)獨(dú)立的組件或?qū)ο?，一個(gè)導(dǎo)航欄可以是一個(gè)塊。

元素（Element）表示塊內(nèi)的子元素，導(dǎo)航欄中的鏈接可以是一個(gè)元素。

修飾符（Modifier）表示塊或元素的狀態(tài)或?qū)傩?，一個(gè)鏈接可以被標(biāo)記為“active”或“visited”。

在查看CSS時(shí)，您可以注意類名是否符合這些規(guī)則，如果類名中包含“__”或“-”，那么它們可能符合BEM的命名規(guī)則，您還可以檢查類名是否清晰、簡潔，并且是否有重復(fù)或冗余的類名。

如果您使用的是預(yù)處理器（如Sass或Less），那么您可以使用一些工具來自動生成符合BEM命名規(guī)則的類名，這些工具可以幫助您更快速地編寫符合BEM規(guī)范的CSS代碼。

查看CSS中的BEM需要仔細(xì)審查您的CSS代碼，并確保類名符合BEM的命名規(guī)則，通過遵循這些規(guī)則，您可以更好地組織和維護(hù)您的CSS代碼，并使其更加可維護(hù)、可擴(kuò)展和可復(fù)用。