padding 값을 덮을 수 있나요?

Question

제가 프로젝트 중에 반응형 css가 적용된 슬라이드를 구현 하고 있습니다. 구현중에 삼성사이트에 슬라이드가 딱 필요하여 뜯어보던 중에 해결되지 않는 부분이 있어 질문 올립니다.첫번째 사진에 표시해 놓은 두 div를 보면 각각 padding: 60px 0; 의 값이 들어가 있습니다.그래서 padding이 어떻게 적용되어 있나 개발자 도구로 찍어보니두번째 사진 같이 첫번째 div에 적용되어 있는 padding만 표시 되었고 그것도 밑에 부분만 적용이 되어있었습니다여기서 궁금한 것이 마진 병합같이 padding도 그러할 수 있는지 어떻게 적용해야 하는지 궁금하여 질문 올립니다.

킁킁탐정 · Accepted Answer

실제로 사이트의 padding은 상하좌우 모두 0px입니다. 이유는 CSS Specificity 순위 때문에 010과 020 경쟁에서 020이 우선시 됩니다.자세한건 다음을 참고하세요.https://developer.mozilla.org/en-US/docs/Web/CSS/Specificityhttps://specificity.keegan.st/

몰랑토끼 · Answer

어떤 것이든 가장 마지막에 적용된것이 적용되니 마지막에 적용된것이 파일일수도, 코드일수도있죠

padding 값을 덮을 수 있나요?

2개의 답변

Q&A 목록