BEM 규칙

- BEM(Block Element Modifier)은 좀 더 쉽게 읽히는 CSS를 가지는 것이다.
- CSS를 작성할 때 id였는지 class였는지 헷갈릴 때가 많다. → 때문에 element앞에 "온점(.)"을 붙인다.
- BEM에서 문제가 하나 생긴다면, 그것은 class가 엄청 커질 수 있다는 것이다.
- BEM을 싫어하는 사람도 있으며, 그냥 id와 class를 섞어 쓰는 사람들도 있다.
- 두 가지 방법 모두 쓰이기 때문에, 본인이 더 맞는 방법을 사용하면 된다.

 

BEM(Block Element Modifier) —추천 규칙
- block : .btn {}
- elements : .btn__price {}
- modifiers : .btn--big {}

단점 : 클래스 선언 종류가 많아서 코드가 길어진다.

- 참고
[BEM 101 | CSS-Tricks] https://css-tricks.com/bem-101/

BEM 101

한글버전으로 잘 정리된 블로그 BEM 방식 https://nykim.work/15

[CSS 방법론] BEM 방식