13
  • Нет возможности подключить стили
  • Нет возможности вставить стили между <style> </style>

<div style="background: #333; padding: 10px;">Dark gray</div>

Как прописать ему "ховер", к примеру background: #555; прямо внутри style=""?

1

3 ответа 3

29

Селекторы псевдоклассов не могут быть описаны прямо в теге. Раз нет возможности подключить стили, используйте события onmouseover и onmouseout.

<div style="background: #333; padding: 10px;"
   onmouseover="this.style.backgroundColor='#555';" onmouseout="this.style.backgroundColor='#333';">
      Dark gray
</div>
4

Никак, :hover — это псевдокласс.

1
  • Это — комментарий ,не ответ. 27 сен 2019 в 11:09
0

А на w3.org написано что можно:

Setting properties on a source anchor for each of its dynamic states, using pseudo-classes:

   <a href="http://www.w3.org/"
          style="{color: #900}
          :link {background: #ff0}
          :visited {background: #fff}
          :hover {outline: thin red solid}
          :active {background: #00f}">...</a>

3
  • приведенный сниппет - не работает. Ответ на английском. Кроме того, ссылка в ответе ооочень старая (2002 год). Вот новее и там ничего такого нет
    – Grundy
    9 мар 2017 в 14:10
  • 1
    буквы WD означают Working Draft, иными словами — черновик. В стандарте этого синтаксиса нет. 9 мар 2017 в 14:19
  • Ясно. Очень жаль.
    – Tango
    9 мар 2017 в 14:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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