Stylizacja linków w CSS (href)

Question

Szukałem odpowiedzi w różnych miejscach, ale jedyne na jaką napotykałem to edytowanie pseudoklasy .a. No dobra, super tylko ja chcę mieć w danych divach inne kolory dla linku (w tym odwiedzonego). Ponadto czy istnieje możliwość zmiany koloru linku po najechaniu na niego?

Answer 1

Jeżeli w jednym dive, powiedzmy, że ma klasę "mojdiv", znajdują się różne linki, które chcesz wystylizować każdy inaczej, to są dwie opcje:

Jedna to w css:

.mojdiv a:first-child {
style dla pierwszego linka w danym divie
}
.mojdiv a:nth-child(2) {
style dla drugiego linka w danym divie
}

I tak dalej.

Bezpieczniejszą metodą jest po prostu nadanie id lub klasy dla danego linku, na przykład:

<a class="mojlink" href="#">Mój link</a>

I w css:

.mojlink {
style dla danego linka
}

A jeżeli chcesz zmienić kolor dla odwiedzonego linku to:

.mojlink:visited {
style
}

A po najechaniu myszką na niego:

.mojlink:hover {
style
}

Polecam dodać do tych wszystkich linków transition, na przykład w ten sposób:

a (albo .mojdiv a) {
transition: all .33s ease-in-out
}

Dzięki temu nastąpi delikatne, bardzo ładne przejście z jednego koloru, na drugi.

Answer 2

https://css-tricks.com/css-basics-styling-links-like-boss/

tu masz gotowe przykłady.

Answer 3

Musisz klase linku nadac albo id ja preferuje klasę 

np.

 

.link 
{
 text-decoration: none;
 color: white; 
}

przy najechaniu na link

.link:hover
{
   color: black;
}