Как переопределить! Важно?

Я создал специальную таблицу стилей, которая переопределяет исходный CSS для моего шаблона WordPress. Однако на моей странице календаря исходный CSS имеет высоту каждой ячейки таблицы с !important объявлением:

 td {height: 100px !important} 

Есть ли способ переопределить это?

Переопределение важного модификатора

Просто добавьте еще одно правило CSS с !important и дайте селектору более высокую специфичность (добавив дополнительный тег, id или class к селектору) или добавьте правило CSS с тем же селектором в более поздний момент, чем существующий (в галстук, последний из которых победил).

Некоторые примеры с более высокой специфичностью:

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

Или добавьте тот же селектор после существующего:

 td {height: 50px !important;} 

Отказ от ответственности:

Это почти никогда не рекомендуется использовать !important . Это плохая разработка создателей шаблона WordPress. Вирусно, он заставляет пользователей шаблона добавлять свои собственные !important модификаторы для переопределения его, и он ограничивает возможности переопределения его с помощью JavaScript.

Но полезно знать, как переопределить его, если вам иногда приходится.

!important следует использовать только в тех случаях, когда в таблице стилей есть селекторы с противоречивой спецификой .

Но даже если у вас есть противоречивая специфика, лучше создать более конкретный селектор для исключения. В вашем случае лучше иметь class в вашем HTML, который вы можете использовать для создания более конкретного селектора, который не нуждается в !important правиле.

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

Я лично никогда не использую !important в моих таблицах стилей. Помните, что C в CSS для каскадирования. Использование !important нарушит это.

Хорошо, это быстрый урок о важности CSS. Надеюсь, что ниже поможет!

Прежде всего, каждая часть стилей называется взвешиванием, поэтому чем больше элементов у вас есть, тем более важно это. Например

 #P1 .Page {height:100px;} 

важнее, чем:

 .Page {height:100px;} 

Поэтому, когда вы используете важные, в идеале это нужно использовать только когда это действительно необходимо. Поэтому, чтобы переопределить объявление, сделайте стиль более конкретным, но также с переопределением. Смотри ниже:

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

Надеюсь, это поможет!!!

Переопределение с использованием JavaScript

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

Работал для меня.

Ура!

Это тоже может помочь

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

Это будет отменять любой встроенный стиль

Отказ от ответственности: избегайте! Важно любой ценой.

Это грязный грязный хак, но вы можете переопределить важный, без важности, с помощью (бесконечно цикличной или очень продолжительной) анимации свойства, которое вы пытаетесь переопределить.

 @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; } 
 

Я хотел бы добавить ответ на этот вопрос, о котором не упоминалось, поскольку я пробовал все вышеперечисленное безрезультатно. Моя особая ситуация заключается в том, что я использую семантику, которая встроила !important атрибуты на элементах (крайне раздражает). Я попробовал все, чтобы переопределить его, только в конце дела все работало (используя jquery). Это выглядит так:

 $('.active').css('cssText', 'border-radius: 0px !important'); 
  • Css Content, Attr и Url в том же предложении
  • В чем разница между фоном и фоном?
  • Поддержка браузера для номеров страниц CSS
  • имя classа jquery change
  • Как автоматически обрезать и центрировать изображение
  • Можно использовать граничный радиус вместе с пограничным изображением с gradleиентом?
  • CSS Font Border?
  • Использование пользовательских шрифтов с использованием CSS?
  • Линия до и после названия над изображением
  • Как выбрать всех дочерних элементов элемента, кроме последнего дочернего элемента?
  • Разница между CSS-селектором и фильтром jQuery?
  • Давайте будем гением компьютера.