Почему hover не применяется к заголовку с цветом?

Потому что для него стилей при наведении не было прописано.

h2 {color:yellow;}
    a:hover {color:lime;}	
    a:hover > h2 {color:red;}

а почему тогда применяются, когда убрать color для заголовка?

PS. У меня например в теге "a" много чего есть, и стили не применяется ни к чему!

Зачем мне прописывать дополнительные стили, почему сразу не работает, но работает, если стили не заданы. Я понимаю, что если, к примеру, указать h2:hover, то тогда понятно почему a:hover не работает, а вот тут я не совсем понимаю.

Потому что наследование.

Анатолий, потому что наследуются
htmlbook.ru/samcss/kaskadirovanie

Анатолий, вот я понял что ошибся и поправил свой ответ, что бы показать что цвет можно изменить в любом случае, а ссылочку почему уже дали.

при ховере получается нет наследования?

color:lime !important; проверьте, не работает!

Есть ли решение, чтобы задав a:hover я мог повлиять на стили всех элементов в нем?

Анатолий, h2 {color: inherit}

RAX7, h2 у меня имеет конкретный цвет, допустим темно-синий, а при наведении оранжевый.

PS. Аналогично, можно добавить в стили span {color:green;} и т.д. При a:hover тоже не меняется. В итоге, чтобы мне применить стиль ко всем элементам, мне надо их все перечислять, что мне не удобно.

Анатолий, a:hover * {color: inherit}

Анатолий, тогда только так

a:hover h2 {
  color: orange;
}

Анатолий,
a:hover * {color: inherit}
так писать плохо
лучше перечислить конкретные классы (лучше) или теги (похуже)

zoozag, уже лучше, почти решение, осталось только дело за малым, без теговое содержимое не меняет цвет, т.е.:
<a href="#">11111111111<h2>22222222</h2></a>
11111111 - не изменит цвет

RAX7, элементов много, хочется решение, а это я и сейчас использую.
возможно, только:
a:hover *, a:hover

может, кто еще что-то дельное скажет

Анатолий, Как оно может не менять цвет, если вы его напрямую задаете.

zoozag, Вы же имеете ввиду:
a:hover {color:lime;} a:hover * {color:inherit;}
это 2 стиля

Ankhena, Понятно, что плохо, но есть условие:

В итоге, чтобы мне применить стиль ко всем элементам, мне надо их все перечислять, что мне не удобно.

Анатолий, И в чем проблема?

Анатолий, свойства либо наследуются от родителя либо задаются явно, если ты задал явно, то оно больше не наследуется от родителя. Представь у тебя есть:

html { color: red }
h2 { color: blue }

какого цвета будет h2?
Если ты написал a:hover {color:lime;}, это не значит что h2 {color:green;} будут наследовать color от a или a:hover

zoozag, проблем нет, жду еще варианты. И может все таки кто-то ответит на основной вопрос, почему? )

RAX7, все верно, они либо наследуются, например задав цвет текста для контейнера, внутренние элементы получат точно такой цвет. Есть те, что задаются явно.
Но по моему вопросу, это не то и не то.
Существует цвет заданный по умолчанию, например тем же браузером, тогда почему я могу менять его через a:hover? Вот в этом и есть весь вопрос.
Почему если браузер задает цвет это не считается, а когда пользователь - считается.

Задавали ли подобные вопросы разработчикам браузеров, и есть ли что-то конкретное в самом стандарте html5 (хоть 5.2)?

"какого цвета будет h2?" вопрос не корректный! мы говорим не о конкретно h2, а о состоянии hover для h2, и какой должен быть hover? blue? почему он не меняет цвет?!
Почему наследование от a:hover даже с important не применяются? Почему если цвет h2 не задавать, то наследование применяется? Почему двойные стандарты? :)

Ankhena, в настоящее время через классы и задаю, но начал мучать вопрос почему так :)

А еще лучше через id, тогда cpu совсем халява будет :)

Анатолий, все ответы на почему, в статье по ссылке выше

Ankhena, Вы про статью по Вашей ссылке?
Ну тыкните, пожалуйста, где там ответ.

Анатолий,

Почему наследование от a:hover даже с important не применяются?

Потому что у вас important задан для свойства ссылки, а не для h2 и т.д.

Почему если цвет h2 не задавать, то наследование применяется?

Потому что стандартное свойство color: inherit. Когда вы задаете цвет, вы его отменяете.
Никаких двойных стандартов нет.

Анатолий, проявите сообразительность, загляните в оглавление, там не одна статья. Мало информации в одной статье, вектор гугления вам дан.

zoozag, пишите в ответ, отмечу решением.

Анатолий,

Существует цвет заданный по умолчанию, например тем же браузером, тогда почему я могу менять его через a:hover? Вот в этом и есть весь вопрос.

ну смотри, например для ссылки браузер задает:

a:-webkit-any-link {
  color: -webkit-link;
}

ты задаешь:

a:hover {
  color: red;
}

селекторы имеют одинаковую специфичность, но твое правило объявлено позже, поэтому сработает твой селектор, а не браузера.

Почему если браузер задает цвет это не считается, а когда пользователь - считается.

А теперь смотри ссылка внутри ссылки (wtf?!), попробуй задай для ссылки цвет явно или оставить как задает браузер, поведение для них одинаковое.

Почему наследование от a:hover даже с important не применяются?

Наследовать или не наследовать определяет дочерний элемент, а не родительский.

Почему если цвет h2 не задавать, то наследование применяется?

Потому что так работает наследование.

RAX7, да мне уже выше это объяснили.

Еще вопрос в догонку, а если все так плохо, то как решить:

<style>
  h2 {color: blue;}
  a:hover, .title:hover, .link:hover {color:green;}
</style>
<a href="#">
  <h2 class='title'>Header</h2>
  <span class='link'>www.www.www</span>
</a>

чтобы при наведении на ссылку отмечались оба элемента

Анатолий,

h2 {color: blue;}
 a:hover .title, a:hover .link {color:green;}

Eugene Chefranov, это не работает!

Анатолий, всё прекрасно работает. или я задачу неправильно понял?

Eugene Chefranov, https://codepen.io/workcode/pen/xQmJEv
у меня не работает!

Анатолий, вы неправильно скопировали мои стили, смотрите внимательней. Вы hover повесили на все подряд

Ага, я свои просто стили скопировал )