CSS에서 `!important` 수정자를 어떻게 재정의할 수 있나요?

CSS에서 !important 수정자 재정의

CSS에서 !important 선언은 특정 스타일 규칙이 동일한 요소에 적용될 수 있는 다른 모든 규칙보다 우선합니다. 이는 특정 상황에서 유용할 수 있지만 스타일시트를 유지 관리하기 어렵게 만들 수 있으므로 자제해서 사용해야 합니다.

!important 선언을 재정의해야 할 수 있는 일반적인 시나리오 중 하나는 사용자 정의 선언을 생성할 때입니다. WordPress 템플릿의 원본 CSS를 재정의하는 스타일 시트입니다. 그러나 원본 CSS에서는 !important 선언을 사용하여 각 테이블 셀의 높이를 설정했을 수 있습니다.

!important 선언을 재정의하는 방법에는 두 가지가 있습니다.

1. !important를 사용하여 다른 CSS 규칙을 추가하고 선택기에 더 높은 특이성을 부여하세요. 특이성은 CSS 선택기가 주어진 항목에 대해 얼마나 구체적인지를 측정한 것입니다. 요소. 선택기가 구체적일수록 특이도가 높아집니다. 선택기에 추가 태그, ID 또는 클래스를 추가하여 선택기의 구체성을 높일 수 있습니다. 예를 들어 다음 규칙은 구체성이 더 높기 때문에 원래 규칙을 재정의합니다.

table td {height: 50px !important;}

2. 다음 규칙보다 나중에 동일한 선택기를 사용하여 CSS 규칙을 추가합니다. 동점일 경우 정의된 마지막 규칙이 승리합니다. 예를 들어, 다음 규칙은 원래 규칙 이후에 정의되므로 원래 규칙을 재정의합니다.

td {height: 50px !important;}

면책 조항: !important를 사용하는 것은 거의 좋은 생각이 아닙니다. . 이는 WordPress 템플릿 작성자의 잘못된 엔지니어링입니다. 바이럴 방식으로 템플릿 사용자는 자신의 !important 수정자를 추가하여 템플릿을 재정의해야 하며 JavaScript를 통해 이를 재정의하는 옵션을 제한합니다. 하지만 가끔 필요한 경우 이를 재정의하는 방법을 알아두면 유용합니다.

위 내용은 CSS에서 `!important` 수정자를 어떻게 재정의할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!