: ενεργό - CSS-Κόλπα

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

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

Δείτε το στυλό: ενεργή κατάσταση από την ομάδα CSS-Tricks (@ css-tricks) στο CodePen.

: Το ενεργό μπορεί επίσης να εφαρμοστεί σε οποιοδήποτε στοιχείο. Στην πένα παρακάτω, κάνοντας κλικ οπουδήποτε στη σελίδα θα κάνει ολόκληρη τη σελίδα κίτρινη:

Δείτε το Pen Demo της: ενεργής κλάσης psuedo από την CSS-Tricks Team (@ css-tricks) στο CodePen.

Είναι βέλτιστη πρακτική να καλύψετε όλα τα «κράτη», ειδικά για συνδέσμους. Ένας εύκολος τρόπος για να γίνει αυτό είναι το "LOVE HATE" ή

L: link
O
V: επισκέφθηκε το
E

H: hover
A: ενεργό
T
E

Το να τα κάνετε με αυτή τη σειρά είναι ιδανικό.

a:link ( /* Essentially means a(href), or that the link actually goes somewhere */ color: blue; ) a:visited ( color: purple; ) a:hover ( color: green; ) a:active ( color: red; )

Διαφορετικά, πείτε αν αναφέρατε το στυλ: επισκεφτήκατε τελευταία φορά, εάν πραγματοποιήθηκε επίσκεψη σε αυτόν τον σύνδεσμο, θα αντικαθιστούσε τη δήλωση: ενεργή και: αιωρείται και ο σύνδεσμος θα ήταν πάντα μωβ ανεξάρτητα από το αν αιωρήσατε ή εάν ο σύνδεσμος ήταν ενεργός (όχι ιδανικός).