Makosa Wakati wa Kukusanya Vichaguzi ngumu vya CSS

Kila kitu kilichogawanywa kwa koma wakati wa kukusanya, kinapaswa kuwakilisha kichaguzi kamili. Wacha tuone wapi unaweza kufanya makosa hapa.

Hebu tuchukue kuwa tuna msimbo kama huu:

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

Wacha tukusanye vichaguzi viwili kuwa kichaguzi kimoja. Hapa kuna toleo sahihi la kukusanya:

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

Na hili ni toleo lisilo sahihi la kukusanya:

#block h2, h3 {
	color: red;
}

Katika toleo hili lisilo sahihi la kukusanya wanaanza kwa sababu fulani wanafikiri kuwa #block inahusika na h2 na h3 iliyo baada ya koma. Lakini vichaguzi havifanyi kazi kupitia koma na kwa kweli toleo hili lisilo sahihi la kukusanya linaweza kuandikwa upya kama ifuatavyo:

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

Linganisha na toleo la asili ambalo tulianza kulifupisha:

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

Rahisisha msimbo kwa kutumia kukusanya kwa vichaguzi:

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

Rahisisha msimbo kwa kutumia kukusanya kwa vichaguzi:

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

Rahisisha msimbo kwa kutumia kukusanya kwa vichaguzi:

.xxx .kkk {
	text-align: center;
}
.eee h2.zzz {
	text-align: center;
}
#eee h2 {
	text-align: center;
}

Rahisisha msimbo kwa kutumia kukusanya kwa vichaguzi:

.eee h2.zzz {
	text-align: center;
}
.xxx {
	text-align: center;
}