하나의 div 태그에서 CSS 우선 순위를 변경해야합니다.

Question

하나의 웹 페이지에 두 종류의 스타일을 표시하려고합니다. 첫 번째 스타일에는 a.css가 있고 두 번째 스타일에는 b.css가 있습니다. 순서가 a를 오버라이드 (override)합니다. 문제는 CSS 우선 순위가 특정 div 태그에서 반전되기를 원합니다. 이것이 가능한가?

Answer 1

클래스에서보다 구체적인 것. 그러나이 문제를 해결할 수있는 여러 가지 방법이 있습니다. 그 중 하나는 HTML 파일에 덮어 쓰려는 CSS 파일에 고유 한 클래스/ID를 작성한 다음 HTML 요소에 첨부하는 것입니다.

그래도 작동하지 않는다면 제 다음 제안은 인라인 스타일링을 시도하는 것입니다.

<div id="blabla" style="whatyouwantforthisinparticular"> 

HTML을 통해 다른 스크립트를 "재정의"할 수 없습니다. 코드는 선형 형식으로 작동합니다. 일단 새로운 코드 행을 참조하면, 코드를 사용하여 수행 한 작업을 기반으로 우선 순위가 결정됩니다. 예를 들어, CSS에서는 2 가지 다른 바디 스타일링을 사용할 수 있지만 상위 스타일의 속성은 두 번째 스타일에 추가 할 새로운 것이없는 경우에만 사용됩니다. 이 예에서

body{ background-color:black; width: 500px; 
} 
body{ background-color:white; height: 300px; 
} 

, 배경 색상 : 예를 들어 검은 색의 뜻은 "흰색"으로 변경 한 후 이전 스타일의 폭 위에 높이에 500 픽셀을 추가합니다. 그러나 의 경우에 검은 색을 사용해야하는 경우! important를 추가하면 흰색보다 우선 적용됩니다.

Answer 2

왜 그럴까요? 항상 "! important"선언을 사용하여 재정의 할 수 있습니다. 예를 들면 :

.style {글꼴 크기 :! 12 픽셀 중요한;} 또한

, 여기에이 가이드를 참조하십시오 http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade (특이성 계산, 상속, 캐스케이드)

Answer 3

네, 당신은 그것을 할 수 있습니다 ! important 속성을 사용하십시오.

.your-class{ 
    property: value !important; 
} 

또한 당신이 할 수있는 당신이 같은 일을 할 수있는 2 개 개의 다른 CSS 파일이 필요합니다 매우 몇 가지 경우가 있습니다