Възможно ли е да се постигне hover ефект вътре в линка ?

[madmax3]

Здравейте

За да покажа проблема давам примерен код:

<style>

a {
color: green;
}

.links a:hover{
color: red;
}

</style>

<div class="links">

<a href="#">Link 1 ...</a>

</div>

<a href="#" onmouseover="this.style.color='red'" onmouseout="this.style.color='green'">Link 2 ...</a>

<a style="hover:red" href="#">Link 3 ...</a>

Въпроса е следния: може ли да се постигне промяната на цвета на линка по третия начин - без JS и style извъна линка / div ?

Последният пример естествено не работи, въпреки че пробвах всичко което ми хрумна.

 

[Fakeheal]

Кратък отговор: Не можеш.
Дълъг отговор: Не трябва.

Задай му клас или id, за да може да го стилизираш поради простата причина,че ":hover" е псевдо селектор и няма inline еквивалент.