"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 인라인 `!important` 선언을 재정의할 수 있나요?

인라인 `!important` 선언을 재정의할 수 있나요?

2024-11-04에 게시됨
검색:951

Can Inline `!important` Declarations Be Overridden?

인라인 !important 선언을 재정의할 수 있습니까?

Cascading Style Sheets(CSS) 내에서 !important 선언은 재정의하는 강력한 도구입니다. 스타일은 다른 곳에서 상속되거나 정의됩니다. 하지만 인라인 !important 선언이 적용되면 어떻게 될까요? 재정의할 수 있나요?

인라인 !중요 선언

HTML 요소에는 스타일 속성을 사용하여 인라인 스타일을 직접 적용할 수 있습니다. 인라인 스타일은 스타일 시트에 정의된 규칙보다 우선합니다. 일반적으로 특이도가 높은 규칙은 특이도가 낮은 규칙을 재정의합니다. 그러나 !important가 인라인 스타일에 사용되면 브라우저는 그 구체성과 상관없이 해당 스타일을 강제로 적용하게 됩니다.

인라인에 대한 재정의 !important

In 주어진 예에서 인라인 스타일은

에 display: none !important를 설정합니다.
를 표시하기 위해 스타일 시트에서 이를 재정의할 수 있습니까?

답은 '예'입니다. 인라인!중요 선언은 재정의될 수 있습니다. 그러나 일부 오래된 브라우저에서는 이 동작을 일관되게 지원하지 않을 수 있다는 점에 유의하는 것이 중요합니다.

인라인 !important 선언을 재정의하려면 스타일 시트에서 보다 구체적인 선택기를 사용할 수 있습니다. 이 경우

에 바로 인라인 스타일이 적용되므로 div보다 더 구체적인 선택자를 사용할 수 있습니다. 예를 들어 다음을 사용할 수 있습니다.
div#my-div {
  display: block !important;
}

인라인 스타일 선택기보다 더 구체적인 ID 선택기(#my-div)를 사용하면 인라인 !important 선언을 재정의하고

가 표시되도록 할 수 있습니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3