-1
How I can turn link properties into a class or id?
a:link
a:visited
a:hover
a:active
I can transform them into a class and use them individually in some element?
1 answer
1
No need to transform anything, just put the id or class in place of the tag.
Example
#cancel:hover /* não precisa por a tag "a" */
.external:visited /* e aqui, qualquer elemento com classe "external" que
tenha o estado "visited" será afetado */
Look in the snippet:
a {color:blue} /* Vale para todos os links */
a:hover {color:green} /* Vale para todos os links */
#b:hover {color:red} /* Vale somente para o #b */<a id="a">Hover genérico</a><br>
<a id="b">Hover diferente</a><br>
<a id="c">Hover genérico</a><br>Browser other questions tagged html css
You are not signed in. Login or sign up in order to post.
Okay, I get it, my doubt has arisen that for example, I am creating a menu and applying the properties of "a", it applies in a general way, and on the same page I have a "Whatsapp" button (img+link) fixed at the bottom corner of the screen, he gets these properties applied too, that’s my question in the application "individual"
– fyxel
is the same as the item with id #b, when I specified individual in CSS, it "went over" the generic by specificity. More details on this link
– Bacco
So how does the structure of #b apply different colors to Hover and visited for example?
– fyxel
Same thing, make a
#b:visitedalso (and a#b:active, etc.).– Bacco
Ah, didn’t know it could have more than one id with the same name xD, thank you!
– fyxel
CSS is cumulative. If you do one line #b {color:red} and the other #b {font-size:76px} both features will work (read the link I passed the second comment to know the order of the application) - Still, #b:active and #b:Hover are different definitions, increasing the specificity (as already mentioned link). The suggestion is you do various experiments, don’t just try things just when you need to actually use.
– Bacco