프론트엔드/HTML

HTML 클래스 속성 작명법

윷땡 2022. 4. 14. 17:57

2022.04.14

BEM(Block Elemnet Modifire)

  • .block__element--modifier
  • -(하이픈 한개): 일반적인 이름 연결 toggle-btn
  • --(하이픈 두개): 요소의 상태를 표시
      <div class="btn--success">
  <div class="btn--error">
  • __(언더스코어 두개): 요소의 일부분을 표시 
      <div class="item">
        <div class="item__name"></div>
  </div>