Применить hover не обозначая класс

115
14 октября 2019, 02:40

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

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

Answer 1

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

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>

Answer 2

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

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

READ ALSO
Построение html графиков по данным csv

Построение html графиков по данным csv

У меня есть локальный файла csv, если возможно, хотелось бы чтобы в одной папке с ним лежал html с графиками, построенными на его данныхcsv обновляется...

106
Ширина HTML элемента

Ширина HTML элемента

Когда указываешь в CSS длину элемента 100%

111
position sticky

position sticky

Проблема в position stickyю Если я его добавляю, то скрипт работает только 1 раз: отматывая вниз, вверх после этого не отматывает

142
Не могу понять, почему не работает &ldquo;slideToggle()&rdquo; библиотеки JQuery

Не могу понять, почему не работает “slideToggle()” библиотеки JQuery

Пишу адаптивный сайт, на размере 767px и убирается навигационное меню(display:none), появляется значок- бургерХочу чтобы при нажатии на него, всплывало...

106