Sass Πράγματα για συνδέσμους - CSS-Κόλπα

Πίνακας περιεχομένων

μέσω του Alex King, μπορείτε να χρησιμοποιήσετε μεταβλητές για τους επιλογείς:

$a-tags: 'a, a:active, a:hover, a:visited'; $a-tags-hover: 'a:active, a:hover'; #($a-tags) ( color: red; text-decoration: none; ) #($a-tags-hover) ( color: blue; )

Μπορείτε ακόμη και να φωλιάσετε έτσι, όπου γίνεται ακόμα πιο χρήσιμο:

.module ( #($a-tags) ( color: blue; text-decoration: none; ) )

μέσω του Reggie Dawson, θα μπορούσατε επίσης να δημιουργήσετε ένα @mixin για να δημιουργήσετε πράγματα για εσάς. Σημειώστε ότι αυτά τα στυλ ψευδών συνδέσμων είναι μια εξαιρετική περίπτωση χρήσης για ένθεση γενικά.

@mixin linx ($link, $visit, $hover, $active) ( a ( color: $link; &:visited ( color: $visit; ) &:hover ( color: $hover; ) &:active ( color: $active; ) ) )

Το πρόσθετο Compass προσφέρει μια μίξη:

@include link-colors(#00c, #0cc, #c0c, #ccc, #cc0);

ενδιαφέροντα άρθρα...