Как изменить важное свойство css?

Question

У меня есть таблица стилей, которая имеет следующее свойство

.primary-nav .suppa_rwd_button, .primary-nav .suppa_rwd_button span{ 
    color:#FFFFFF!important; 
} 

Я не могу редактировать таблицы стилей. Как изменить свойство

color:#000000!important; 

Я попытался написать следующий код в другой таблице стилей,

.primary-nav .suppa_rwd_button, .primary-nav .suppa_rwd_button span{ 
    color:#000000!important; 
} 

, но это не сработало. Пожалуйста, направляйте. Благодарю.

Answer 1

Для того, чтобы переопределить !important правило, которое вы должны поставить же конкретное правило после предыдущего или повысить специфичность нового правила, как:

nav.primary-nav li.suppa_rwd_button, nav.primary-nav li.suppa_rwd_button span{ 
    color:#000000!important; 
} 

* Предположим, что .primary-nav является nav элементом и .suppa_rwd_buttonli, вы можете изменить их из-за своей разметки.

В обоих случаях вы должны также использовать !important в своем новом правиле.

Ссылка: MDN - Specificity

Answer 2

Кроме ответ Эммануила, который говорит об этом: CSS Specificity, Вы можете также попробовать использовать два подхода:

Изменить порядок таблицы стилей

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

<link rel="stylesheet" href="style.css"> 
<link rel="stylesheet" href="style1.css"> <!-- Styles that will overwrite --> 

---

Встроенный HTML

Если вы можете изменить HTML, вы можете использовать это:

<span style="color: #000000 !important;"> 

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

Answer 3

ли вы попробовать использовать:

.primary-nav .suppa_rwd_button span{ 
color:#000000!important; 
} 

Другой способ может быть с помощью JavaScript:

Override с помощью JavaScript

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

Ура!