सीएसएस : सक्रिय चयनकर्ता
उदाहरण
सक्रिय लिंक को चुनें और स्टाइल करें:
a:active
{
background-color: yellow;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
चयनकर्ता का :active
उपयोग सक्रिय लिंक को चुनने और स्टाइल करने के लिए किया जाता है।
जब आप उस पर क्लिक करते हैं तो एक लिंक सक्रिय हो जाता है।
युक्ति: :सक्रिय चयनकर्ता का उपयोग सभी तत्वों पर किया जा सकता है, न कि केवल लिंक पर।
युक्ति: उपयोग न किए गए पृष्ठों के शैली लिंक के लिए लिंक चयनकर्ता, विज़िट किए गए पृष्ठों के शैली लिंक के लिए विज़िट किए गए चयनकर्ता, और जब आप उन पर माउस ले जाते हैं तो शैली लिंक के लिए : होवर चयनकर्ता का उपयोग करें।
नोट: :सक्रिय के बाद आना चाहिए: प्रभावी होने के लिए सीएसएस परिभाषा में होवर (यदि मौजूद हो)!
संस्करण: | सीएसएस 1 |
---|
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो चयनकर्ता का पूर्ण समर्थन करता है।
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
सीएसएस सिंटेक्स
:active {
css declarations;
}
और ज्यादा उदाहरण
उदाहरण
जब आप उस पर क्लिक करते हैं तो <p>, <h1> और <a> तत्व को चुनें और स्टाइल करें:
p:active, h1:active, a:active {
background-color: yellow;
}
उदाहरण
न देखे गए, देखे गए, होवर और सक्रिय लिंक चुनें और स्टाइल करें:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
उदाहरण
विभिन्न शैलियों के साथ शैली लिंक:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस लिंक
सीएसएस ट्यूटोरियल: सीएसएस छद्म कक्षाएं