CSS

CSS : 방법론 - BEM 방식

죽이죽이 2024. 1. 18. 01:32
  • BEM (Block__Element--Modifier)
※ BEM 이란
- Block : 전체를 감싸고 있는 블럭요소
- Element : 요소 (블럭이 포함하고 있는 한 조각)
- Modifier : 블럭 또는 요소의 속성

※ 사용하는 이유
- 목적이나 기능을 직관적으로 파악할 수 있다.
- 구성요소의 구조를 알 수 있다.
- 선택자 특이성을 낮은 수준으로 유지할 수 있다.

※ 주의 사항
- BEM은 기본적으로 ID에서는 사용되지 않으며, Class에서만 사용한다.
- 최대한 모든 이름은 간단명료해야한다.

※ 예시