CSS 지정순위

CSS 2009.08.29 15:01

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

저작자 표시
신고

설정

트랙백

댓글


티스토리 툴바