본문 바로가기
CSS

CSS 지정순위

by 샷타이거 2009. 8. 29.

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가 적용될것이다.

댓글