CSS:가중치 와 레이 어드 규칙 이 우선 순 위 를 결정 합 니 다.

출처:http://www.ido321.com/1063.html
 
우선,CSS 우선 순위 에 대한 예 시 를 보 여 드 리 겠 습 니 다.http://www.ido321.com/76.html
1.기본 적 인 우선 순위 규칙
        같은 등급 의 개 수 를 비교 하면 수량 이 많은 우선 순위 가 높 습 니 다.만약 에 같은 등급 의 개 수 를 비교 하면 각 등급 의 우선 순 위 는 다음 과 같 습 니 다.
         important>내 연>ID>클래스>태그|의사 클래스|속성 선택>의사 대상>  어댑터>계승
2.CSS 가중치 규칙
       에서 언급 한 바 와 같이 CSS 스타일 의 가중치 에 영향 을 주 는 두 가지 중요 한 요소 가 있다.
            A:스타일 의 우선 순 위 는 스타일 정의 순서 와 관계 가 있 습 니 다.
            B:가중치 의 크기 는 선택 기의 종류 와 수량 과 관계 가 있 습 니 다.
       일반적으로 같은 CSS 파일 에 같은 이름 의 스타일 이 두 개 있 으 면 나중에 정 의 된 것 은 먼저 정 의 된 것 을 덮어 씁 니 다.선택 기 형식의 우선 순위 참조(1).
       그렇다면 CSS 의 가중치 는 어떻게 계산 합 니까?
       하나의 selector 의 가중치 표시 방식:0.0.0.0,계산 규칙 에 따라 각 비트 에 숫자 를 채 우 고 해당 위치 가 같 으 면 다음 위 치 를 비교 합 니 다.
       가중치 의 계산 규칙 은 다음 과 같다.(편 의 를 위해 각 위치의 값 을 A.B.C.D 로 대체 합 니 다)
        1.인 라인 스타일:A=1,B=C=D=0(즉 1.0.0.0)
          2.ID 스타일:selector 에 몇 개의 ID 가 있 고 두 번 째 는 1 을 추가 합 니 다.예 를 들 어\#header{color:red},바로 A=C=D=0,B=1(즉 0.1.0.0)입 니 다.
          3.클래스,위조 클래스,그리고 속성의 개 수 는 바로 세 번 째 값 입 니 다.
                .a.b[type="text"]:hover{},선택 기 에는 2 개의 클래스,1 개의 속성,1 개의 위조 클래스 가 있 기 때문에 3 위 는 4,A=B=D=0,C=4(즉 0.0.4.0)입 니 다.
           4.위조 요소 와 태그 요소 의 개 수 는 네 번 째 값 입 니 다.
                 p:first-letter,태그 요소 p 와 위조 요소 first-letter 가 있 습 니 다.값 은 2,A=B=C=0,D=2(즉 0.0.0.2)입 니 다.
           5.마스크 와 계승 을 통 해 얻 은 CSS 속성 은 가중치 에 영향 을 주지 않 습 니 다.
예 3
        이상 에 대하 여 아래 의 몇 가지 예 시 를 보시오.
         1、.a .b .c {color:red;}   //0.0.3.0   설명:세 가지 종류 만 있 습 니 다.
         2、 * {…}         //0.0.0.0    설명:어댑터 는 가중치 에 영향 을 주지 않 습 니 다.
         3、.a .b a {color:green} //0.0.2.1     설명:두 종류 와 하나의 태그
         4、#hid {color:black;}   //0.1.0.0  설명:ID 가 하나 밖 에 없어 요.
 
다음
HTML 5 History API 의"전생 현세"