CSS BEM是一種命名約定，用于更好地管理CSS代碼。它代表著塊(Block)、元素(Element)和修飾符(Modifier)，這三個因素構成了BEM。

塊(Block)指的是獨立的、可重用的組件。每個塊都有一個描述該塊的名字。例如，一個導航欄可以被定義為塊：nav。

.nav {
/* styles for nav block */
}

元素(Element)則是屬于塊的一部分，無法在上下文中單獨使用。元素的名稱由塊名和元素名組成，用兩個下劃線分隔。例如，導航欄中的菜單項可以定義為元素：nav__item。

.nav__item {
/* styles for nav__item element */
}

修飾符(Modifier)可以用于改變塊或元素的外觀或狀態。修飾符的名稱由塊名、元素名和修飾符名組成，用兩個連字符分隔。例如，一個被激活的菜單項可以定義為導航欄元素(nav__item)的修飾符：nav__item--active。

.nav__item--active {
/* styles for nav__item when active */
}

通過使用BEM，我們可以更好地組織和管理我們的CSS代碼，使其更易于維護和擴展。