id 선택 시 자손 선택자를 써서 하는 이유
알찬바로
2023.04.01
구식 코딩만 하다가 뒤늦게 웹표준 코딩을 하는데 아휴 표준 표준 하니까
지금 하고 있는게 표준이 맞는 건지 아닌건지, 뭐하나 할때마다 검색해야 하고 미치겠네요. ㅜㅜ스타일시트 작성할때 바디가 아래와 같다면
div id=wrap
div id=header
h1 class=title/h1
/div
/div
header id 선택할 때
#wrap #header { }
이런식으로 하던데
그냥
#header{}
이렇게 해도되는데 저렇게 자손 선택자를 써서 하는이유가 있나요?
클래스 선택할때도
#wrap #header h1.title { }
이렇게 하다가
또 어떨때는 그냥
#header .title { }
이렇게 하기도 하고
이거 왜이러는 걸까요? ㅜㅜ