인프런 커뮤니티 질문&답변

이런 부분은 제작자의 html 구조 설계와 클래스 네임 설계의 취향과 방향에 따라 다른 것이지 반드시 이렇게 해야 된다 그런건 없습니다.

제작자의 성향에 따라 어떤 방식으로 하셔도 상관없습니다. 굳이 추천한다면 클래스 네임 관리를 잘 할 수 있다는 가정하에... Section의 클래스 네임을 접두어로 사용 않한 경우가 더 낫다고 생각합니다.

Section의 클래스 네임을 접두어로 사용 않한 경우

.inner와 .content와 같은 클래스 네임을 주는 경우 다른 섹션에 .inner와 .content에 공통적인 속성을 줄 경우에 장점이 있습니다. 곧, 공통적은 속성은 .inner와 .content 주고 섹션마다 개별적인 속성은 .about .inner {...} .about .inner .content {...} 이렇게 줄 때 효율적입니다. 대신 섹션의 클래스 네임부터 선택자를 적어주어야 하는 번거로움은 있습니다.

Section의 클래스 네임을 접두어로 사용한 경우

.about-inner {...} .about-content {...} 라는 독립적인 클래스 네임을 주었기 때문에  섹션의 클래스 네임부터 선택자를 적어주어야 하는 번거로움을 줄일 수 있습니다. 

 

 

 

 

 

와 답변 감사합니다... 클래스명 짓는게 좀 어려웠는데.. 

둘다 해보고 저한테 더 잘 맞는걸 적용하겠습니다. 감사합니다!!