BEM (Block Element Modifier) là gì?

Naming convention CSS: block__element--modifier. Tránh nesting sâu, dễ maintain.

• Block: component độc lập — .card
• Element: phần trong block — .card__title
• Modifier: biến thể — .card--featured

A CSS naming convention: block__element--modifier. Avoids deep nesting and is easy to maintain.

• Block: standalone component — .card
• Element: a part inside the block — .card__title
• Modifier: a variation — .card--featured