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