HTML / CSS 적층

 정의입니다 : 캐스 케이 딩 충돌의 CSS 선언을 해결하기위한 메커니즘, 전체 프로세스는 브라우저가 자동으로 규칙에 따라 수행 적층된다.

둘째 적층 과정 :

성명의 우선 순위, 그리고 그것의 기원과 중요성 1. 우선 순위를 비교

출처 : 저자 스타일 시트, 브라우저 기본 스타일 시트, 사용자 스타일 시트

중요도 : 속성 값 플러스! 중요한 중요한 문

  1. 브라우저의 기본 스타일 시트 선언
  2. 사용자 스타일 시트 일반 문
  3. 스타일 시트 일반 문에
  4. 저자 스타일 시트 중요 공지
  5. 사용자 스타일 시트 중요 공지

  (낮은에서 높은에게 우선권)

2. 특수성을 비교 :

각 문은 특수성이있다

충돌이 발생하면 제거 될 것 높고 특별한 성격의 저의 특수성을 유지합니다

규칙이 적용의 크기 범위에 따라 선언의 특수성,

이 작을수록 특이성의 범위, 특이성이 낮아 범위 규칙 클수록.

(저 특이성 높음) 인라인 스타일> ID 선택기> 선택기 클래스> 요소 선택기> 와일드 선택기

최종 계산 된 색상 : 녹색 승리.

무게 값 :

! 중요 ----> 인피니티

인라인 스타일 ----> 1000

ID ----> 100

클래스 | 부동산 | 의사 클래스 ----> (10)

태그 | 의사 요소 ----> 1

3. 소스 순서를 비교 : 마지막 문은 다른 모든이 제거 승리 나타났다.

이 세 단계 후, 단지 문이 밖으로 승리, 모든 사람이 제거되어있을 것

와일드 ----> 0

높은 무게의 특별한 자연의 값이 높을.

예 :

 

 최종 결과 :

 

추천

출처www.cnblogs.com/xmbg/p/11487556.html