: सक्रिय - सीएसएस-ट्रिक्स

Anonim

:activeछद्म चयनकर्ता संबंध दर्शाया है, जबकि यह सक्रिय किया जा रहा है (पर क्लिक किया जा रहा है या नहीं तो सक्रिय) बदल जाता है। यह आमतौर पर केवल एक विभाजित सेकंड के लिए देखा जाता है, और दृश्य प्रतिक्रिया प्रदान करता है कि तत्व वास्तव में क्लिक किया गया था। यह आमतौर पर लंगर लिंक ( ) पर उपयोग किया जाता है ।

उदाहरण के लिए, यहाँ का CSS जो लंगर लिंक को एक पिक्सेल (तीन-आयामी स्थान में धकेले जाने का आभास देता है) को सक्रिय अवस्था में बदल देगा:

पेन देखें: CodePen पर CSS-Tricks Team (@ css-tricks) द्वारा सक्रिय स्थिति।

: सक्रिय किसी भी तत्व पर भी लागू हो सकता है। नीचे दिए गए पेन में, पृष्ठ पर कहीं भी क्लिक करने से पूरा पृष्ठ पीला हो जाएगा:

पेन की डेमो देखें: कोडपैन पर सीएसएस-ट्रिक्स टीम (@ सीएसएस-ट्रिक्स) द्वारा सक्रिय पीडू वर्ग।

यह विशेष रूप से लिंक के लिए "राज्यों" के सभी को कवर करने के लिए सबसे अच्छा अभ्यास है। ऐसा करने का एक आसान तरीका है "प्यार नफरत" या

एल: लिंक

वी:
ई का दौरा किया

एच: हॉवर
ए: सक्रिय
टी

उन्हें उस क्रम में करना आदर्श है।

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

अन्यथा, यह कहें कि यदि आपने सूचीबद्ध: पिछली शैली का दौरा किया है, यदि उस लिंक का दौरा किया गया था, तो यह ओवरराइड करेगा: सक्रिय और: मंडराना घोषणा और लिंक हमेशा बैंगनी होगा चाहे आप मंडरा रहे हों या यदि लिंक सक्रिय था (आदर्श नहीं)।

ब्राउज़र का समर्थन

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
हां 2.0.4+ कोई 4+ 4+ टी.बी.डी. टी.बी.डी.