외부 CSS를 기본으로 두고 필요한 경우 내부·인라인을 구분합니다.
CSS 적용 결정 요소
연결, 선택, 우선순위 같은 기준을 실제 브라우저 흐름에서 나눠 확인해야 구현 기준과 실패 대응이 흐려지지 않습니다.
태그, 클래스, ID, 상태 선택자를 목적에 맞게 씁니다.
더 구체적인 선택자와 뒤에 온 선언이 이길 수 있습니다.
개발자 도구에서 실제 적용된 규칙을 확인합니다.
CSS 문제를 만났을 때는 속성값만 보지 말고 어떤 규칙이 선택됐고 왜 이겼는지를 함께 추적하세요.