2010-04-16 7 views
2

난 경우 설명 CSS에 대한 사양의 공식 링크 (절)에 대한 감사 가공에 의하여 다음과 같습니다CSS-Specity 및 CSS Inheritance (구체적인 질문)?

.one two h1 {color:green;font-family:arial;} /*case 1 */ 
.one two h1 {color:blue;} /*case 2*/ 

가 (브라우저에 의해 평가 된 경우)

.one two h1 {color:blue;font-family:arial;} /*case 3*/ 

또는 의지가 발생합니다 그것은 수 :

.one two h1 {color:blue;} /*case 4*/ 

는 ==> 나는, 상속, 특이성에 대해 많이 읽는 등 계단식하지만, 난 여전히 시간을 적용 규칙 주어진 예를 들면 못 찾았습니다 오히려.

사양과 관련하여 두 요소는 모두 동일합니다. 그러나 case2는 동등하지만 특정 (최종) (!!) 선언 된 (가장 구체적인) 것으로서 "승리"합니다. 그러나 지정자는 ALL 속성이 정의 된 전체 선택기에 항상 적용됩니다. 또는 "경쟁"에있는 속성에만 적용됩니다 (양쪽 모두에서 선언 됨).

감사합니다 !!!!

답변

1

그것은 될 것입니다 :

.one two h1 {color:blue;font-family:arial;} /*case 3*/ 

후자의 규칙은 이전의 CSS 속성을 하나씩 우선합니다. .이 선언은 같은 무게, 원산지와 특이도, 후자 지정된 승리가있을 경우 수입 스타일 시트에서 선언이로 간주됩니다