무시된 선언과 적용되지 않는 선택자를 체계적으로 찾습니다.
브라우저는 모르는 속성이나 잘못된 값만 건너뛰고 가능한 다음 선언은 계속 처리합니다. 개발자 도구의 취소선, 경고 표시, 선택자 일치 여부를 차례로 확인합니다.
이 예제의 .not-found 규칙은 문법에 아무 문제가 없지만 HTML 어디에도 not-found class가 없어 적용될 요소가 없습니다. 브라우저는 이런 규칙을 오류로 알리지 않으므로, 두 상자는 .target이 정한 초록 글자와 테두리만 보여 주고 빨간 글자는 어디에도 나타나지 않습니다.
선택자 목록은 하나만 잘못돼도 규칙 전체가 버려집니다. .second, .target::unknown처럼 쉼표로 묶은 선택자 중 하나가 브라우저가 모르는 의사 요소라면 멀쩡한 .second까지 스타일을 받지 못하며, :is()로 감싼 목록만 잘못된 항목을 건너뛰고 나머지를 적용합니다.
무작정 !important를 붙이면 원인을 가리고 나중의 우선순위 문제를 키웁니다.
직접 바꿔보세요.not-found를 .second로 고쳐 선택자 오류를 해결하세요.