Chaguo wa Class wa CSS

Kwenye CSS, mchochaji wa class inaelewa kwa herufi ya pta:

.center {text-align: center}

Kwenye matokeo hii, zote zilizotumia class 'center' zinaonekana kwa upakana wa kati.

Kwenye matokeo hii, hata zote za HTML zinazotumia class 'center' zinaonekana kwa upakana wa kati.

<h1 class="center">
Makutano huu haitumie upakana wa kati.
</h1>
<p class="center">
Makutano huu pia haitumie upakana wa kati.
</p>

Tahara:Inayofikia herufi ya kwanza ya jina la class haikwe ni namba! Huwezi kutumika katika Mozilla au Firefox.

Kama idadi, class kinaweza kutumiwa kama mchochaji wa kuzingatia:

.fancy td {
	color: #f60;
	background: #666;
	}

Kwenye matokeo hii, kina kikaa kikubwa cha kiwango 'fancy' kinasikia kiungo mabara kinaonekana na mabara yenye uwanja wa rangi ya kijani (kiwango kikubwa cha kiwango 'fancy' kinaweza kuwa tablica ama div)

Elementi hayana kufikia kwa sababu ya class yao zao:

td.fancy {
	color: #f60;
	background: #666;
	}

Kwenye mafunzo hayo, kina ya class ya 'fancy' ya kina ya siku ya table yatawa na mgongo wa kijani na rangi ya kijani.

<td class="fancy">

Inaweza kuweka class ya 'fancy' kwa kila elementi ya table kwa mara kwa mara. Makundi ya siku ya 'fancy' yatawa na mgongo wa kijani na rangi ya kijani. Makundi ya siku ya haikununuliwa class ya 'fancy' hayatapata ujumbe huu. Hata hivyo, mabali wa class ya 'fancy' hayatapata na mgongo wa kijani na rangi ya kijani, na tabia yote ya kina ya 'fancy' hayatapata ujumbe huu. Hii ni kwa sababu ya mawendo yetu wa kuzalika wa kufikia tabia ya 'fancy' ya kina ya siku ya table (ie kufikia class ya 'fancy' kwa elementi ya td).

Matukio ya Kina

Ikiwa unanafikia ujumbe zaidi kuhusu habari za chaguo wa class, tafadhali saba mafunzo ya juu ya CodeW3C.com:Kueleza Chaguo wa Class wa CSS。