Могу я переопределять встроенный! важный?
Если Вы имеете
<div style="display: none !important;"></div>
Существует ли способ переопределить это в таблице стилей для создания, это отобразилось?
Предпочтительно с помощью чего-то подобного этому:
div { display: block !important; }
59
задан TylerH
20 April 2015 в 18:46
поделиться
1 ответ
Вы видите этот пример! Существует несколько правил для селектора CSS. Самый сильный селектор встроен (если тот же уровень с/без! важный). Следующие: идентификатор, класс, и т.д. Поэтому, если тег уже стилизован встроенной CSS с! важный, у Вас просто есть путь: используйте JavaScript для изменения.
var pid = document.getElementById('pid');
var button = document.getElementById('button');
button.addEventListener('click', function(){
pid.style.color = '';
});p{color:violet !important;}
*{color:blue !important;}
html *{color:brown !important;}
html p{color:lighblue !important;}
.pclass{color:yellow !important;}
#pid{color:green !important;}<p class="pclass" id="pid" style="color:red !important;">
Hello, stylize for me !
</p>
<button id='button'>Change color by JS</button>, Как Вы видите, стиль встроенной CSS был удален, и идентификатор является самым сильным селектором теперь!
0
ответ дан Freelancer
1 November 2019 в 12:13
поделиться