Псевдоселекторы
Почему, если я задаю .style.backgroundColor элементу, то на него перестают действовать псевдоселекторы сss, которые так же должны изменять фон при наведении/активации и т.д.?
По идеи, оно перезаписывает и псевдоселекторы. Тогда как этого избежать? Каждый раз снова прописывать .onmouseover и т.д, что ли? Но это совсем не ок. |
тестовый пример
свойство style имеет больший приоритет и не связано с заданием стилей в тегах style |
<style>
#h:hover {
background-color: green;
}
</style>
<body>
<div id='h'> HHHHH </div>
<script type='text/javascript'>
var f = document.getElementById('h');
f.onclick = function() { f.style.backgroundColor = 'red'; }
</script>
</body>
|
Факт есть факт
Тогда наверное только изменять значения в самих тегах style: либо обращаться к cssRule, либо выносить правило в отдельные теги style и менять их inner |
bes,
Хм. Жаль. Ну ладно, спасибо. |
<style>
#h:hover {
background-color: green !important;
}
</style>
<body>
<div id='h'> HHHHH </div>
<script type='text/javascript'>
var f = document.getElementById('h');
f.onclick = function() { f.style.backgroundColor = 'red'; }
</script>
</body>
|
Aetae,
О. Вот как все просто-то. |
Aetae,
PashPP, используется !important что не гуд;) |
В случае в hover - вполне оправдано.
|
ну да, про усиление приоритета я сегодня не вспомнил :)
|
| Часовой пояс GMT +3, время: 04:15. |