목록bem (1)

umilove98의 블로그

HTML 클래스 속성 작명 BEM

BEM이란 Block Element Modifier의 약칭으로 html 의 요소에 클래스 속성을 부여할 때 그 이름을 지어주는 규칙을 말한다. 요소__일부분 (underscore 2개 사용) 요소--상태 (hyphen 2개 사용) 형태가 있는데 예를 들어 이러한 형태의 코드가 작성되어 있다고 할 때, container 라는 클래스를 가진 요소의 자식으로 name(1번), item 클래스를 가진 요소들이 있고 item 클래스의 요소는 다시 name(2번)이라는 클래스를 가진 자식 요소가 있다. css에서 container 의 자식요소인 name(1번)을 지정하고자 할 때 .container .name{ } 위와 같이 사용하는 경우가 많은데 이런 경우 item의 자식 요소인 name(2번) 까지 지정되어 불..
language,framework,library/HTML 2022. 10. 12. 12:35
이전 Prev 1 Next 다음