'.' सिलेक्टर
'.' सिलेक्टर एक क्लास लेवल सिलेक्टर है। डॉट ऑपरेटर का उपयोग एक स्टाइल क्लास बनाने के लिए किया जाता है जिसे फिर कई HTML एलिमेंट्स पर लागू किया जा सकता है।
'#' सिलेक्टर
'#' सिलेक्टर एक एलिमेंट लेवल सिलेक्टर है। हैश ऑपरेटर का उपयोग किसी विशेष एलिमेंट पर स्टाइल लागू करने के लिए किया जाता है जिसकी id '#' सिलेक्टर में उपयोग की गई id के समान होती है।
उदाहरण
निम्नलिखित उदाहरण, तीन div एलिमेंट्स पर '.' और '#' सिलेक्टर के उपयोग को दर्शाता है।
<!DOCTYPE html> <html> <head> <title>Selector Example>/title> <style> .blackBorder { border: 2px solid black; } #redDiv { border: 2px solid red; } </style> </head> <body> <div> No Border Box </div> <div class="blackBorder"> Black Border Box </div> <div id="redDiv"> Red Border Box </div> <div> No Border Box </div> <div class="blackBorder"> Black Border Box </div> </body> </html>
