css 효과를 입히고 싶은 특정 요소를 선택하는 방법을 알아봅시다 🏋🏻‍♀️

⭐기본 선택자

태그

.class

#id

div {color:'red'}
.className {color:'blue'}
#idNmae {color:'yellow'}

⭐속성 선택자

태그[속성]

a[href] {color:'red'}

a태그 중 href 속성을 가지고 있는 요소만 선택

a[href="https://velog.io/@yejinleee"] {color:'red'}

a태그 중 href 속성을 갖고 있고 그 값이 "https://velog.io/@yejinleee"인 요소만 선택

⭐결합 선택자

A , B

모든 A요소와 모든 B요소

A B

A요소의 자식 혹은 후손인 모든 B요소

A > B

A요소의 직계 자식인 모든 B요소

A + B

A요소 바로 다음에 나오는 첫 B요소

A + B (인접형제)

A와 같은 부모를 가지며 A요소 바로 뒤에 나오는 B요소

A ~ B (형제)

A와 같은 부모를 가지며 A를 뒤따르는 모든 B요소