Vichaguzi Kadhaa Vilivyounganishwa kwenye CSS
Ili kuchagua kipengele ambacho kinakidhi vichaguzi kadhaa kwa wakati mmoja, unahitaji kuandika vichaguzi hivi vilivyounganishwa, bila nafasi.
Kwa mfano, kichaguzi kifuatacho kitachagua kipengele
ambacho kina darasa bbb na darasa
zzz kwa wakati mmoja:
.bbb.zzz {
}
Na kichaguzi kifuatacho kitachagua kichwa h2,
ambacho kina darasa bbb na darasa
zzz kwa wakati mmoja:
h2.bbb.zzz {
}
Kwa njia iliyoonyeshwa, inawezekana kuunda miundo ya kiholela ya vichaguzi. Katika hali hii, mpangilio wa vichaguzi vinavyotumika hauna maana, isipokuwa sheria kwamba vichaguzi vya vitambulisho (tags) vinapaswa kuwekwa mwanzoni kabisa.
Hiyo ni, kwa mfano, vichaguzi .bbb.zzz
na .zzz.bbb ni sawa kabisa.
Zaidi ya hayo, inawezekana kuunda vichaguzi
kwa kutumia id, kwa mfano, kama haya:
#elem.eee, au h2#elem.eee,
au h2.eee#elem na kadhalika.
Eleza, kichaguzi kinachochagua nini katika msimbo uliowekwa hapa chini. Kisha andika msimbo wa HTML unaofaa kuliingia na kichaguzi hiki. Huu ni msimbo na kichaguzi:
.bbb.zzz {
color: red;
}
Eleza, kichaguzi kinachochagua nini katika msimbo uliowekwa hapa chini. Kisha andika msimbo wa HTML unaofaa kuliingia na kichaguzi hiki. Huu ni msimbo na kichaguzi:
h2.bbb.zzz {
color: red;
}
Eleza, kichaguzi kinachochagua nini katika msimbo uliowekwa hapa chini. Kisha andika msimbo wa HTML unaofaa kuliingia na kichaguzi hiki. Huu ni msimbo na kichaguzi:
#elem.bbb {
color: red;
}
Eleza, kichaguzi kinachochagua nini katika msimbo uliowekwa hapa chini. Kisha andika msimbo wa HTML unaofaa kuliingia na kichaguzi hiki. Huu ni msimbo na kichaguzi:
#elem.bbb.zzz {
color: red;
}
Eleza, kichaguzi kinachochagua nini katika msimbo uliowekwa hapa chini. Kisha andika msimbo wa HTML unaofaa kuliingia na kichaguzi hiki. Huu ni msimbo na kichaguzi:
h2#elem.bbb {
color: red;
}
