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

네~ active는 임의로 예시로 든 클래스 이름입니다^^
<div class="modal  active"></div>
이런 경우를 말하는 것이지요~

CSS 파일이 한개든 여러개든,
결국 하나의 페이지에 쓰이게 되면 CSS 선택자 우선순위가 적용이 되는데요,
같은 우선순위를 갖는 선택자의 경우 먼저 선언된 것을 나중에 선언된 것이 덮어쓰게 됩니다.
확실하게 우선권을 가지게 하시려면, 선택자의 선언 자체를 더 구체적으로 명시해주시면 됩니다^^

.modal{}

.modal.active {}

이런 식으로요~ 이렇게 해주시면 순서에 관계 없이, 더 구체적으로 기술된 .modal.active가 우선권을 갖게 됩니다.

CSS선택자 우선순위에 대해 생활코딩에 아주 자세히 기술되어 있는 문서가 있어서,
링크 올려드릴게요!

https://opentutorials.org/module/484/4149

오 active가 그런기능도 있었군요. 참고해주신 링크보고 더 공부해보겠습니다. 언제나 감사드립니다.!