스타일시트를 정의할때, 서로 다른 파일에서 같은 클래스를 재차 정의하면 어떻게 되나요?

Question

안녕하세요, 궁금한게 생겨서 질문 올려봅니다.한 HTML 파일에 두개의 외부 CSS 파일을 지정해뒀는데, 두 CSS 파일에 동일한 이름의 클래스를 재차 정의하면 어떻게 되나요?물론 이 글 다 작성한 다음에 저도 테스트를 해 볼 생각입니다만, 원래는 어떻게 되어야 하는지 표준에서 정의되어 있는지 궁금합니다.예를 들어서 A.html 파일에 A.css와 B.css 파일을 사용하고 있는데, A.css 파일에는.foo { padding: 15px; }위와 같이 정의해두고, B.css에는.foo { background-color: yellow; }이런 식으로 정의해 두었다면, 실제로 foo 클래스를 사용하고 있는

같은 요소들은 두개의 스타일이 합쳐져서 적용이 되나요, 아니면 어떤 조건에 의해서 하나만 적용이 되나요?

음 · Answer

스타일일은 마지막에 있는 css가 먹혀요 첫번째꺼 무시됨

lazer · Answer

덧붙이자면 어떤 조건에서든 반영하고 싶은 스타일이 있으면!important 를 뒤에 붙이시면 됩니다. .foo { padding: 15px; !important }같은 클래스에 !important 가 붙은 선언이 여러개면.. 후에 로드된게 반영되려나.. 이건 확실하지가 않네요.

스타일시트를 정의할때, 서로 다른 파일에서 같은 클래스를 재차 정의하면 어떻게 되나요?

2개의 답변

#stylesheet 목록