CSS में ग्रुपिंग सेलेक्टर का उपयोग करके एक ही स्टाइल को कई अलग-अलग तत्वों पर लागू किया जा सकता है। सेलेक्टर्स को कॉमा (,) से अलग किया जाता है। यह कोड डुप्लिकेशन को कम करता है और रखरखाव आसान बनाता है।
उदाहरण
नीचे दिए गए उदाहरण में, div, p सेलेक्टर दोनों <div> और <p> तत्वों पर एक ही स्टाइल लागू करता है।
<!DOCTYPE html>
<html>
<head>
<style>
div, p {
color: blue;
background-color: orange;
}
</style>
</head>
<body>
<h1>Demo Website</h1>
<h2>Fruits</h2>
<p>Fruits are good for health.</p>
<div>
<p>This is demo text.</p>
</div>
</body>
</html>
लाभ:
- कोड पुनरावृत्ति कम करता है
- रखरखाव आसान बनाता है
- फाइल साइज कम करता है
नोट: ग्रुपिंग में किसी भी प्रकार के सेलेक्टर्स (एलिमेंट, क्लास, ID, एट्रिब्यूट, आदि) शामिल हो सकते हैं।
