css - styling visited links belonging to a class -
i cannot find way style a:visited
belonging .extern
.
a:visited.extern
doesn't work , neither a.extern:visited
(i' using mozilla firefox 43.0.1 linux x86_64)
the reason have small icon i'd add .extern
links, , want change url()
when link visited.
<style> a.extern { padding-right:1.3em; background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-clip: border-box; background-origin: padding-box; background-size: 0.7em 0.7em; background-image: url("img/link.png"); } a:visited:extern { background-image:url("img/link-visited.png"); } a.extern:visited { background-image:url("img/link-visited.png"); } </style>
in end visited links of type should affected
<a class="extern" href="http://etc.etc.etc">link</a>
basically want restricted browsers, particularly firefox.
per mdn - privacy , :visited selector
you still able visually style visited links, there limits on styles can use. following properties can applied visited links:
- color
- background-color
- border-color (and sub-properties)
- outline-color
- the color parts of fill , stroke properties
Comments
Post a Comment