लिंक के लिए सैस चीजें - सीएसएस-ट्रिक्स

Anonim

एलेक्स किंग के माध्यम से, आप चयनकर्ताओं के लिए चर का उपयोग कर सकते हैं:

$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; ) )

रेगी डॉसन के माध्यम से, आप अपने लिए चीजों को बनाने के लिए एक @mixin भी बना सकते हैं। ध्यान दें कि ये लिंक छद्म शैलियों सामान्य रूप से घोंसले के शिकार के लिए एक महान उपयोग-मामला हैं।

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

कम्पास ऐड-ऑन एक मिश्रण प्रदान करता है:

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