BEM이란?

1. BEM이란?

• Block Elements Modifier의 축약어로,
  직역하면 "블록 요소 편집"이다.
• CSS Selector를 작성하는 컨벤션 규칙이다.

2. BEM 네이밍 규칙

• 영어 소문자로 작성합니다.
• 일반 단어의 경우에는 -으로 연결합니다.(my-menu)
• element의 경우에는 block 뒤에 __ (double underscore)으로 연결합니다.(--item)
• modifier의 경우에는 element 뒤에 _ 으로 연결합니다.(_visible)

즉, BEM 방식으로 mymenuitemvisible 이라는 selector를 작성하면 my-menu__item_visible이 됩니다.