Подскажите пожалуйста, есть div без class , только style . Можно ли не задавая класс задавать hover для этого div?
<div style="width:200px;height:200px;border:1px solid">
</div>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЕсли представить, что у элемента нет родителя, нет соседних элементов с классами, то ток такой вариант:
div[style="width:200px;height:200px;border:1px solid"]:hover {
background: #333;
}
<div style="width:200px;height:200px;border:1px solid"></div>
Если стили изменяются, можно использовать другой селектор [attr*='value']
и искать одинаковый стиль.
Если есть родитель:
.test > div:hover {
background: #333;
}
<div class="test">
<div style="width:200px;height:200px;border:1px solid"></div>
</div>
Если есть соседний элемент:
.test + div:hover {
background: #333;
}
<div class="test"></div>
<div style="width:200px;height:200px;border:1px solid"></div>
Можно сымитировать hover событиями onmouseover и onmouseout:
<div style="width:200px;height:200px;border:1px solid" onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='white'"></div>