[HTML, CSS] BEM

OROSY·2021년 3월 29일
0

HTML & CSS

목록 보기
3/3
post-thumbnail

* BEM(Block Element Modifier)

HTML 클래스 속성의 작명법

1. 요소__일부분: Underscore(Lodash) 기호로 요소의 일부분을 표시
2. 요소--상태: Hyphen(Dash) 기호로 요소의 상태를 표시
1. 요소__일부분
<div class="container">
  <div class="container__name"></div>
  <div class="item">
    <div class="item__name"></div>
  </div>
</div>

2. 요소--상태
<div class="btn btn--primary"></div>
<div class="btn btn--success"></div>
<div class="btn btn--error"></div>
profile
Life is a matter of a direction not a speed.

0개의 댓글