본문 바로가기
카테고리 없음

BEM (Block Element Modifier)

by 메리뉴데이 2022. 9. 30.

BEM (Block Element Modifier)

HTML 클래스 속성의 작명법으로, 

요소_일부분 : Underscore(Lodash) 기호로 요소의 일부분을 표시하는 방법이다.

요소--상태 : Hyphen(Dash) 기호로 요소의 상태를 표시하는 방법이다.

 

자주 사용되는 이름, 중복되는 이름을 요소 간의 관계를 드러나게 하거나

클래스 이름이 요소와 맺는 관계, 상태 정보를 알려주는

BEM 작명 방식으로 작성함으로써 조금 더 정확한 CSS 선택자 혹은 유의미한 선택자를 제공할 수 있다.

 

 

 

(예시)