CSS-এ জটিল সিলেক্টরগুলোর গ্রুপিং

ধরুন আমাদের কাছে নিম্নলিখিত দুটি সিলেক্টর রয়েছে:

.block h2 {
	color: red;
}
.block h3 {
	color: red;
}

যেহেতু এই সিলেক্টরগুলো একই কাজ করে, সেগুলো কমা দিয়ে গ্রুপ করা যেতে পারে:

.block h2, .block h3 {
	color: red;
}

সিলেক্টরগুলোর গ্রুপিং ব্যবহার করে কোডটি সরল করুন:

#block h1 {
	text-align: center;
}
#block h2 {
	text-align: center;
}

সিলেক্টরগুলোর গ্রুপিং ব্যবহার করে কোডটি সরল করুন:

#block h1 {
	text-align: center;
	font-size: 30px;
}
#block h2 {
	text-align: center;
	font-size: 20px;
}