CSS 재설정 및 글꼴 패밀리

Question

html, body, h1, h2, h3, h4, p, div, ul, ol, li { 
padding: 0; 
border: 0; 
margin: 0; 
font: inherit; 
font-size: 100%; 
font-family: "Helvetica Neue", Helvetica, sans-serif; 
} 

"font : family"속성을 "font : inherit"위로 이동하면 "font-family"속성이 작동하지 않는 이유를 알고 있습니까?

Answer 1

font은 font-family을 포함하는 속기이기 때문에.

동일한 규칙 집합에서 동일한 속성을 두 번 설정하면 마지막 규칙 집합이 우선합니다.

는 설명하기 :

div { 
 
    display: inline-block; 
 
    height: 20px; 
 
    width: 20px; 
 
    padding: 5px; 
 
    margin: 5px 
 
} 
 
.A { 
 
    border: solid red 1px; 
 
    border-left: dotted blue 2px; 
 
} 
 
.B { 
 
    border-left: dotted blue 2px; 
 
    border: solid red 1px; 
 
}

<div class="A"></div> 
 
<div class="B"></div>