: σύνδεσμος - CSS-Κόλπα

Ο :linkεπιλογέας είναι μια ψευδο-κλάση που στοχεύει όλα τα στοιχεία αγκύρωσης που δεν έχουν επισκεφτεί ( ) σε μια σελίδα.

a:link ( color: aquamarine; )

Το παραπάνω παράδειγμα θα αλλάξει το χρώμα όλων των μη επισκεπτόμενων συνδέσμων στο aquamarine.

Όταν χρησιμοποιείται σε συνδυασμό με την :hoverψευδο-τάξη, :linkπρέπει να εμφανίζεται πρώτα, αλλιώς να μην ορίζεται καθόλου, για :hoverνα λειτουργούν τα στυλ. Αυτό συμβαίνει επειδή είναι εξίσου συγκεκριμένα, οπότε αν το :linkακολουθήσουν, αυτά τα στυλ θα αντικαταστήσουν τα στυλ αιωρημάτων.

Η :linkψευδο-κλάση θα στοχεύει όλα τα στοιχεία που έχουν ένα hrefχαρακτηριστικό, ακόμα κι αν hrefέχει μια κενή τιμή. Έτσι με αυτή την έννοια είναι σαν τον επιλογέα χαρακτηριστικών (href).

Αυτό σημαίνει ότι τα ακόλουθα τρία στοιχεία HTML μπορούν να διαμορφωθούν μέσω της :linkψευδοκλάσης:

CSS-Tricks CSS-Tricks CSS-Tricks

Το τρίτο παράδειγμα στο παραπάνω μπλοκ κώδικα, ωστόσο, θα ήταν μη έγκυρο HTML.

Υπάρχουν μόνο τρία HTML στοιχεία που αποδέχονται την hrefιδιότητα: , και . Μόνο το στοιχείο μπορεί να διαμορφωθεί μέσω της :linkψευδο-κατηγορίας.

Επίσης, δεν μπορείτε να προσθέσετε το hrefχαρακτηριστικό σε άλλο τύπο στοιχείου και να το κάνετε μέσω στυλ :link. Με άλλα λόγια, εάν είχατε την ακόλουθη HTML:

 CSS-Tricks

Το ακόλουθο CSS δεν θα είχε καμία επίδραση:

div:link ( color: aquamarine; )

Και πάλι, το HTML θα απέτυχε επικύρωση, καθώς hrefδεν είναι έγκυρο χαρακτηριστικό για .

Λόγω του γεγονότος ότι :linkμπορούν να στοχεύσουν μόνο στοιχεία, τα :linkστυλ μπορούν να οριστούν στο CSS χωρίς τον επιλογέα τύπου στοιχείου, όπως αυτό:

:link ( color: aquamarine; )

Επίσης, για όλους τους πρακτικούς σκοπούς κατά τη χρήση HTML, η :linkψευδο-κλάση είναι κάπως άσχετη, καθώς το ίδιο αποτέλεσμα μπορεί να επιτευχθεί με απλή στόχευση όλων των στοιχείων απευθείας:

a ( color: aquamarine; )

Ωστόσο, εάν υπάρχουν στοιχεία στη σελίδα που δεν έχουν το hrefσύνολο χαρακτηριστικών (για παράδειγμα, σε σελίδες παλαιού τύπου που χρησιμοποιήθηκαν ), ο παραπάνω κώδικας θα στοχεύει και αυτά τα στοιχεία και αυτό μπορεί να μην είναι το επιθυμητό αποτέλεσμα.

Θα πρέπει επίσης να επισημανθεί ότι, ξεκινώντας με CSS2, άλλες γλώσσες εγγράφων (εκτός από HTML) μπορούν να ορίσουν άλλα στοιχεία, εκτός από τις άγκυρες, που μπορούν να διαμορφωθούν μέσω της :linkψευδο-κατηγορίας.