# Naming Things: BEM and Component Classes

BEM names every class after the component it belongs to, as block\_\_element--modifier, so selectors stay flat and low-scoring and anyone on a team can find, change and reuse a component's styles.

![Cheat sheet: Naming Things: BEM and Component Classes](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/945fdbb26c7341c7b89416d20806f353.webp)

- Category: CSS
- Level: Journeyman
- Tags: @scope, BEM, CSS, CSS architecture, Scoped styles (css), Specificity strategy, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-bem-naming-cheat-sheet