CSS 포함 순서가 어떻게 작동하지 않습니까? 을 Style1에서

Question

<link href="style1.css" rel="stylesheet" type="text/css"> 
<link href="style2.css" rel="stylesheet" type="text/css"> 

,이 전 화이트로 색상을 선언 가정 해 봅시다 :

style2에서

.box{ 
    color:#fff; 
} 

, 나는 그것이 검은 색으로 선언합니다.

.box{ 
    color:#000; 
} 

어떻게 스타일 1이 우선시됩니까?

Answer 1

두 CSS에 똑같은 CSS 클래스가 포함 된 경우 마지막으로로드 한 CSS 파일은 확장자로 간주됩니다. 즉, CSS에서 마지막으로 정의한 스타일 뒤에 !important을 입력해야합니다.

샘플

.box{ 
    color:#fff; 
} 

Style2

.box{ 
    color:#000 !important; 
} 

이 방법

을 Style1는 Style2 모든 시간을 Style1을 번복 할 것이다에.