Dla każdej odwiedzonej (a:visited) strony internetowej, chciałbym wyświetlić te linki na mojej stronie z małym znacznikiem wyboru po lewej stronie łącza.CSS: Jak umieścić znak zaznaczenia/znak acsii obok wszystkich odwiedzonych linków?
Tak na przykład:
"To nieodwiedzonych Link"
√ "To odwiedził Link"
Pytanie: w jaki sposób mogę wykonać zaznaczenie za pomocą CSS?
Można użyć pseudo selektora , ale nie jest on dobrze obsługiwany.
Aby uzyskać lepszą obsługę, ustaw obraz jako obraz i ustaw go na background-image. Następnie użyj padding, aby wyświetlić obraz.
:: Pseudoelementy before i :: after są dobrze obsługiwane w nowoczesnych przeglądarkach, ale nie są obsługiwane w ogóle w IE 6 i wcześniejszych wersjach. Czasami to nie ma znaczenia. – Anonymous
Yeh. Jestem pewien, że nie jest to obsługiwane również w IE7 http://www.quirksmode.org/css/beforeafter.html – alex
Jeśli IE 8 przechodzi przez WU do XP, prawie każdy, kto dostał IE 7, zepchnął do nich już IE 8. (Of oczywiście, instytucjonalne są dziką kartą.) – Anonymous
Możesz użyć kombinacji tła i wypełnienia, aby uzyskać ten efekt.
a:visited {
background: transparent url("path/to/checkmark.png") left center no-repeat;
padding-left: 10px;
}
Dostosuj wyściółkę i położenie tła, aby dopasować je do swoich potrzeb. Mam nadzieję że to pomoże.
a:visited:before {
content: "\00A0\221A";
}
Użyj: przed psuedo wybieraka dla nowoczesnych przeglądarek, JavaScript dla gównianych przeglądarek i tła obrazów dla osób, które nie powinno mieć znaczenia. –