I noticed that once you have visited the link, you no longer get the red hover effect unless you reorder the CSS file putting a:hover{ color: red } at the end
There is actually some important rules: a:hover MUST come after a:link and a:visited a:active MUST come after a:hover In my browser, it did not work otherwise.
by creating another element nested within the tag, in this case a HTML: more smelly fish here this is the best place for smelly fish CSS: a:hover { font-size: 50px; }
create a div and set background image using css. Now target the div and use hover selector and reassign the background image. You can't directly manipulate img tag's source. So this is the way. Shit, I'm 1 year late. You might already have figured it out. Sorry.
If i click on a link once (so it is visited and changes color) and then refresh the page, the link's color doesn't return to it's "a:link" state (unvisited). How can I avoid that? (An example of what I mean: ruclips.net/video/yfoY53QXEnI/видео.html Minute: 40:20)
![COLOMBIA vs. CHILE [4-0] | RESUMEN | ELIMINATORIAS SUDAMERICANAS | FECHA 10](http://i.ytimg.com/vi/TDjN4W3yy1k/mqdefault.jpg)
Tutorials back 6 years
& My friend suggested & I will never regret,it as it's worth much till date🙏
I noticed that once you have visited the link, you no longer get the red hover effect unless you reorder the CSS file putting a:hover{ color: red } at the end
solved my confusion, thanks much! :)
Remember *LOVE HATE* (LVHA) - the correct order for link pseudoclasses
a:link
a:visited
a:hover
a:active
Thank you sir, it worked and it is easy to remember! :)
whats a:link?
@@perianka a:link targets normal links - not visited, not hovered, not focused
Your Tutorial is great, thanks buddy
There is actually some important rules:
a:hover MUST come after a:link and a:visited
a:active MUST come after a:hover
In my browser, it did not work otherwise.
thks for the help
cant you use for example hover withouth using the other ones?
Wonder if default browser styles created some conflict here
Hi,
is there a way you can set all attributes (link, visited, hover, active) for a single link element without making 4 different syntax blocks?
nope
Why is it that sometimes things are in front of the hover like: ul li a:hover img {...} instead of behind the hover - ul li a img:hover {...}
???
how can I make font size increase hover effect without affecting other inline text?
by creating another element nested within the tag, in this case a
HTML:
more smelly fish here
this is the best place for smelly fish
CSS:
a:hover {
font-size: 50px;
}
Hi,
What if I wanted to change on image on hover ?
thanks for the tuts :)
create a div and set background image using css. Now target the div and use hover selector and reassign the background image. You can't directly manipulate img tag's source. So this is the way.
Shit, I'm 1 year late. You might already have figured it out. Sorry.
@@whit3rose background image using css? How?
Sir, why my css link is not connecting in html file? Kindly help me.
did you did all the
L,
V,
H,
A
(love and hate): link, visited, hover and active - else you'll override yourself
If i click on a link once (so it is visited and changes color) and then refresh the page, the link's color doesn't return to it's "a:link" state (unvisited). How can I avoid that?
(An example of what I mean: ruclips.net/video/yfoY53QXEnI/видео.html
Minute: 40:20)
I came here looking for an answer to this too....
same bro
@@williamowen1575 ¿lograste encontrar la solución a ese problema?