<p>안녕하세요!</p>
<p>강의 잘 보고 있습니다~!!</p>
<p>아래와 같이 &lt;가상클래스 before after 가상클래스 활용한 실전 퍼블리싱 02&gt; 해당 영상에서 padding 이 3번이나 사용되어 있습니다.</p>
<p>전에 영상에서 같은 속성을 중복해서 쓰면 마지막꺼에로 통합된다고 하셨는데,</p>
<p>어떻게 이해하면 좋을까요?ㅜㅜ</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #d7ba7d;">.gnb</span> {</div>
<div>&nbsp; <span style="color: #9cdcfe;">list-style</span>: none;</div>
<div>&nbsp; <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">0</span>;</div>
<div>&nbsp; <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">0</span>;</div>
<div>&nbsp; <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">600px</span>;</div>
<div>&nbsp; <span style="color: #9cdcfe;">background-color</span>: #fff;</div>
<div>&nbsp; <span style="color: #9cdcfe;">border-radius</span>: <span style="color: #b5cea8;">10px</span>;</div>
<div>&nbsp; <span style="color: #9cdcfe;">box-shadow</span>: <span style="color: #b5cea8;">0</span> <span style="color: #b5cea8;">0</span> <span style="color: #b5cea8;">20px</span> rgba(<span style="color: #b5cea8;">0</span>, <span style="color: #b5cea8;">0</span>, <span style="color: #b5cea8;">0</span>, <span style="color: #b5cea8;">0.1</span>);</div>
<div>&nbsp; <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">50px</span> <span style="color: #b5cea8;">30px</span>;</div>
<div>&nbsp; <span style="color: #9cdcfe;">display</span>: flex;</div>
<div>}</div>
</div>

<p>답변 감사합니다! 그럼 위에 패딩 0 두개는 무시해도 될까요?</p>

<p>하나의 선택자 안에서 같은 속성이 중복해서 사용되면 아래 사용된 것이 우선합니다.</p>
<p>그래서 위에 준 패딩은 무시됩니다.</p>
<p>그리고 예제에서 제가 패딩을 중복해서 준거는 그냥 줄복제하다가 실수한거에요.</p>
<p>하나의 선택자 안에서 같은 속성이 중복해서 주는 경우는 없습니다.</p>

인프런 커뮤니티 질문&답변

padding 중복사용