HTML class 궁금해요

Question

0

싫어요

    <div class="site-search site-search--full">
    </div>

이렇게 있으면 css에서 사용할 때 .site-search 해줘야하나요? site-search--full 은 부가적인 설명을 나타내는 건가요?

또 다른 예로 fontawesome 으로 아이콘 사용할 때 fa fa-어쩌고 하던데 이해가 잘 안 가네요! 쉽게 정리해주세요

score 1 · Accepted Answer

HTML의 클래스가 무엇하는 속성인지는 따로 설명드리지 않기로 하고 궁금하신 게 뭔가만 생각해 보자면...

이미 저렇게 주어진 div가 있고, 그걸 스타일링하고 싶다면, CSS에서 .site-search {border: 1px solid black;} 하는 식으로 스타일링을 할 수 있습니다.
저 div가 저렇게 주어졌다면 site-search--full 클래스가 하나 더 추가된 것이므로, 저 div에는 .site-search의 규칙과 .site-search--full의 규칙을 다 먹일 수 있습니다.

간단한 예제를 짜보았으니 확인해 보세요.