[CSS] 선택자

hi·2022년 2월 9일
0

하위 선택자

  • 부모 요소에 포함된 하위 요소 모두에 적용
  • 자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소

상위요소 하위요소 { }

table tr { color : blue; }

자식 선택자

  • 하위 요소 전체가 아닌 자식 요소에만 적용

부모요소 > 자식요소 { }

table > tr { color : blue; }

[속성] 선택자

  • 특성한 속성을 사용한 요소에 적용

[ 속성 ] { }

a[href] { color : blue; }
//여러 <a> 태그 중 href라는 속성이 있는 요소에만 적용

[속성=값] 선택자

  • 특정 값을 갖는 속성에 적용

[ 속성= 값 ] { }

a[target="blank"] { color : blue; }
//여러 <a> 태그 중 href라는 속성이 있는 요소에만 적용

0개의 댓글