1

Подскажите пожалуйста, есть div без class , только style . Можно ли не задавая класс задавать hover для этого div?

<div style="width:200px;height:200px;border:1px solid">

</div>

1
  • ID не подходит? 19 фев 2019 в 9:18

2 ответа 2

6

Если представить, что у элемента нет родителя, нет соседних элементов с классами, то ток такой вариант:

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>

3

Можно сымитировать hover событиями onmouseover и onmouseout:

<div style="width:200px;height:200px;border:1px solid" onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='white'"></div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.