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