CSS Selectors

선택자

<a href="abc">    =>  a[href="abc"]

 

CSS 결합

 

div p {
}
div 안에 있는 모든 p 
 
 
div > p {
}
div 바로 밑에 있는 p
 
 
div + p div 와 같은 레벨에 있는 p
 
 
div.abc  {
}
클래스가 abc 인 div
 
div .abc {
}
 
div 안에 있는 모든 클래스가 .abc

 

순서 : id = 100, class=10, 태그/속성=1