CSS में सेलेक्टर ग्रुपिंग में सामान्य गुण

ऐसा होता है कि कुछ सेलेक्टर्स के गुणों का कुछ भाग समान होता है, और कुछ भाग - भिन्न होता है। उदाहरण के लिए, निम्नलिखित कोड में, हेडिंग और पैराग्राफ लाल रंग के हैं, लेकिन पैराग्राफ के अलावा और भी गुण हैं:

h2 {
	color: red;
}
h3 {
	color: red;
}
p {
	color: red;
	text-align: justify;
	font-size: 16px;
}

ऐसे मामले में, दोहराए जाने वाले भागों को ग्रुप किया जा सकता है, और जो दोहराया नहीं जाता है, उसे अलग से लिखा जा सकता है:

h2, h3, p {
	color: red;
}
p {
	text-align: justify;
	font-size: 16px;
}

सेलेक्टर ग्रुपिंग का उपयोग करके कोड को सरल बनाएं:

h1 {
	text-align: center;
}
h2 {
	text-align: center;
	color: blue;
}
h3 {
	text-align: center;
	font-size: 16px;
	color: red;
}

सेलेक्टर ग्रुपिंग का उपयोग करके कोड को सरल बनाएं:

h1 {
	text-align: center;
	color: red;
}
h2 {
	text-align: center;
	color: red;
}
h3 {
	text-align: center;
	font-size: 16px;
	color: red;
}