CSS 지정순위
| 선택자 | 지정순위 | 10진수환산값 | ||
| style=" " 태그에 직접 삽입지정 |
1000 | 1000 | ||
| #content #content{} 아이디 아이디 |
0200 | 200 | ||
| #content .content{} 아이디 클래스 |
0110 | 110 | ||
| div#content{} 태그지정 아이디 |
0101 | 101 | ||
| #content{} 아이디 |
0100 | 100 | ||
| div .content .comment{} 태그지정 클래스클래스 |
0021 | 21 | ||
| div. content{} 태그지정 클래스 |
0011 | 11 | ||
| div p{} 태그 태그 |
0002 | 2 | ||
| p{} 태그 |
0001 | 1 |
지정순위가 높을수록 우선시 된다.
기본적으로 아이디>클래스>태그
예로
html이 다음과 같고
테스트
CSS
p{ font-color:#ffcccc;}
#Content{ font-color:#ff9999;}
이라면 p의 값#ffcccc은 무시되고 #ff9999가 적용될것이다.
댓글