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;
}