Child Selectors

자식 선택자 >

자손 선택자 space

Adjacent Selectors

인접 선택자 +  https://aboooks.tistory.com/270

id all-articles 안의 h2태그 다음에 나오는 p 태그만 그린으로

#all-articles h2 + p{

  color: green;

}

Attribute Selectors

span[class] class가 있는 span태그만

div[id]  id가 있는 div태그만

a[title]  title이 있는 a태그만

a[title="Search engine"]   title이 Search engine인 a 태그

a[href$="pdf"] pdf로 끝나는 a 태그

a[href^="http"] http로 시작하는 a 태그

Pseudo Selectors

selector:[pseudo]

a:hover

Hover, Active & Visited Effects

위에 이어서

selector:keyword {declaration}

keyword: hover, active, visited