2.03. [CSS] "선택자"를 공부하자

선택자란 태그에 스타일을 줄 때 대상이 되는 태그를 선택하는 방법으로 다음과 같이 네가지 선택자가 있습니다. 자손 선택자(공백)는 선택자들 사이에 공백"선택자1"과 "선택자2" 사이를 한칸 띄어서 지정하며, 선택자1 하부 모든 선택자2에 같은 스타일을 부여합니다. <style? 선택자1<div> 선택자2<p> CSS 코드 } ... </style> <div> <p> # 스타일 부여 <p> # 스타일 부여 <p> # 스타일 부여 </div> 자식 선택자(>)는 선택자 사이에 ">"를 써서 지정하며 선택자1 하부의 선택자2에만 스타일을 부여합니다. 자손선택자와 비교하면 특정 ID 가 부여된 선택자를 선택하여 스타일을 지정하면 특정 ID 하부의 선택자에만 스타일이 부여됩니다. <style? 선택자1 > 선택자2(<P#id="test1) CSS 코드 } ... </style> <div> <p> <p id=test1> # id가 "test1"인 P태그에만 스타일 적용 스타일 부여 <p> </...

원문링크 : 2.03. [CSS] "선택자"를 공부하자