반응형
BEM(Block Element Modifier)
-
[HTML] 가독성을 위한 이름 - 태그 , class, BEM(Block Element Modifier)웹/HTML 2023. 1. 7. 16:39
A. 태그 위주 add_to_queue 새 창에서 열기 article { /* ... */ } article aside { /* ... */ } article aside figure { /* ... */ } article div header { /* ... */ } article ul li { /* ... */ } article div ul li { /* ... */ } article div ul li.special { /* ... */ } /* ... */ 장황한 선택자 CSS 선택자만으로 요소를 식별하기 어려움 위치와 태그가 같지만 종류가 다를 경우 B. 클래스 위주 add_to_queue 새 창에서 열기 .card { /* ... */ } .card .thumb { /* ... */ } .card ..