:focus
:focus सेलेक्टर का उपयोग आवश्यक स्टाइल लागू करने के लिए किया जाता है जब एक फॉर्म एलिमेंट को फोकस मिलता है जैसे बटन, लिंक, इनपुट बॉक्स। एक एलिमेंट माउस का उपयोग करके या टैब की का उपयोग करके फोकस प्राप्त कर सकता है। एक फोकस एलिमेंट पर तब तक रहता है जब तक दूसरा एलिमेंट फोकस प्राप्त नहीं कर लेता।
:active
:active सेलेक्टर का उपयोग यह दर्शाने के लिए किया जाता है कि एक एंकर टैग सक्रिय है या एक बटन सक्रिय है। जब माउस डाउन होता है, तो एक्टिव सेलेक्टर लागू होता है और तब तक लागू रहता है जब तक माउस डाउन है।
उदाहरण
निम्न उदाहरण, बटन और लिंक पर :focus के साथ-साथ :active सेलेक्टर के उपयोग को दर्शाता है।
<!DOCTYPE html> <html> <head> <title>Selector Example</title> <style> button { border: 2px solid black; } button:focus { border: 2px dotted red; } a { color: black; } a:active { color: red; } </style> </head> <body> <button type="submit">Focus Me</button> <a href="#">Active Me</a> </body> </html>
आउटपुट
