CSS :active नकली वर्ग

वर्णन और उपयोग

CSS :active अशीर्वाद उपयोगकर्ता जो सक्रिय एलीमेंट की शैली चुनते हैं और निर्धारित करते हैं。

:active अशीर्वाद सबसे अधिक इस्तेमाल में <a> और <button> एलीमेंट. जब उपयोगकर्ता लिंक पर क्लिक करता है तो लिंक सक्रिय होता है; बटन भी इसी तरह है。

सूचना:इस्तेमाल करें :link अदेखा पृष्ठ के लिंक की शैली निर्धारित करने के लिए :visited देखा गया पृष्ठ के लिंक की शैली निर्धारित करने के लिए :hover माउस होवर पर लिंक की शैली निर्धारित करें

ध्यान:CSS विन्यास में:active इसके अंदर रखना चाहिए :hover!(उपलब्ध होने पर) पश्चात लागू होता है!

उदाहरण

उदाहरण 1

सक्रिय लिंक की शैली चुनें और निर्धारित करें:

a:active {
  background-color: yellow;
}

अपने आप संदर्भ में देखें

उदाहरण 2

उपयोगकर्ता जब बटन पर क्लिक करता है तो बटन की शैली चुनें और निर्धारित करें:

button:active {
  background-color: pink;
}

अपने आप संदर्भ में देखें

उदाहरण 3

अनदेखा, देखा, होवर और सक्रिय <p>、<h1> और <a> एलीमेंट की शैली चुनें और निर्धारित करें:

p:active, h1:active, a:active {
  background-color: yellow;
}

अपने आप संदर्भ में देखें

उदाहरण 4

अनदेखा, देखा, होवर और सक्रिय लिंक की शैली चुनें और निर्धारित करें:

/* देखा नहीं गया लिंक */
a:link {
  color: green;
}
/* पहले से देखा गया लिंक */
a:visited {
  color: green;
}
/* माउस पर लिंक के उपर होने पर */
a:hover {
  color: red;
}
/* सक्रिय लिंक */
a:active {
  color: yellow;
}

अपने आप संदर्भ में देखें

उदाहरण 5

लिंक के लिए अलग-अलग शैली निर्धारित करें:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

अपने आप संदर्भ में देखें

CSS व्याकरण

:active {
  css declarations;
}

तकनीकी विवरण

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

टेबल में दिए गए नंबर इस अशीर्वाद के पूर्णता से समर्थन करने वाले पहले ब्राउज़र का संस्करण निर्दिष्ट करते हैं。

संबंधित पृष्ठ

शिक्षा:CSS लिंक

शिक्षा:CSS बटन

शिक्षा:CSS अशीर्वाद