[css] 중요를 무시하는 방법?

중요 수정 자 재정의

1. 로 다른 CSS 규칙을 추가 !important하고 선택기에 더 높은 고유성을 부여합니다 (선택기에 태그, ID 또는 클래스 추가 추가).
2. 기존 선택기보다 나중에 선택기에서 동일한 선택기를 사용하여 CSS 규칙을 추가합니다 (동점에서는 마지막으로 정의 된 승).

특이성이 더 높은 일부 예 (첫 번째는 가장 높거나 무시하고 세 번째는 가장 낮음)

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

또는 기존 선택기 뒤에 동일한 선택기를 추가하십시오.

td {height: 50px !important;}

부인 성명:

거의 사용하지 않는 것이 좋습니다 !important. 이것은 WordPress 템플릿을 만든 사람에게는 나쁜 엔지니어링입니다. 바이러스 방식으로 템플릿 사용자는 자신의 !important수정자를 추가하여 템플릿을 재정의하고 JavaScript를 통한 템플릿 재정의 옵션을 제한합니다.

그러나 때로는 재정의 하는 방법 을 아는 것이 유용 합니다.

답변

td.a-semantic-class-name { height: 100px; }

@keyframes forceYellow {
  from {
    background-color: yellow;
  }
  to {
    background-color: yellow;
  }
}

div {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: red !important;
  animation: 1s linear infinite forceYellow;
}

<div></div>

#P1 .Page {height:100px;}

.Page {height:100px;}

td {width:100px !important;}
table tr td .override {width:150px !important;}

$('.mytable td').attr('style', 'display: none !important');

td[style] {height: 50px !important;}