Почему не видно эффекта от *:hover {color: red;} ?

Здравствуйте!

Случайно наткнулся на такую вещь, не видно эффекта от работы
*:hover {
  color: red;
}


При этом, если использовать
* {
  color: yellow;
}

то стили применяются к элементам на странице.

html

<p>Бла-бла-бла</p>

<a href="http://www.vk.com">Бла-бла</a>


Подскажите, пожалуйста, с чем связана такая работа стилей?
  • Вопрос задан
  • 2594 просмотра
Решения вопроса 1
Alexufo
@Alexufo
противоречивый, сложный, весь компьютерный.
Где html?
а.. вижу

В вашем случае у меня все работает codepen.io/anon/pen/ryEIB
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
codepen.io/iiil/pen/zGAFs
Работает

Возможно Вы имеете в виду - почему не срабатывает цвет ссылки? Потому что стиль ссылки внутри hover-елемента - например body имеет свой прописанный в стилях браузера цвет. Здесь наследование идет так:
body:hover a
А так как у элемента (ссылки) прописан стиль - он перекрывает это правило. При наведении
на ссылку - цвет зеленый, так как наследование в данном случае выглядит так:
body:hover a:hover - а для него стиль задан *:hover и ссылка окрашивается в зеленый.
Ответ написан
@rinsvent
Укажи
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
к примеру
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы