[React] reset.css 질문!

Question

안녕하세요reset.css 파일 적용 후 새롭게 만든 css 를 적용하려고 하면 적용이 되지 않아서요.....backtground-color는 먹는데 magin, padding, display 는 먹질 않아 문제입니다....reset.css/* http://meyerweb.com/eric/tools/css/reset/ v5.0.1 | 20191019 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, menu, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } /* HTML5 hidden-attribute fix for newer browsers */ *[hidden] { display: none; } body { line-height: 1; } menu, ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } main.cssmain { width: 100%; min-height: 100vh; padding: 40px; display: flex; flex-direction: column; } h1 { margin: 32px auto 0; font-size: 52px; font-weight: 700; }main.index.jsApp.js실행 화면

컴포지트 · Answer

CSS 는 우선순위 개념을 '명시도(Specificity)'라 일컫으며, 이를 알면 최종 스타일 적용에 도움이 됩니다.https://developer.mozilla.org/ko/docs/Web/CSS/Specificity본문같은 경우, 외부 CSS 첨부 시, 마지막 첨부 시점의 스타일이 가장 우선적으로 적용될 겁니다.

[React] reset.css 질문!

1개의 답변

기술 목록