Sifa ya class

Sifa class inaweka darasa moja au zaidi kwa kipengele (kipengele kinamaanisha lebo/kitambulisho).

Hii inafanywa ili baadaye kuweza kufikia kupitia CSS kikundi cha vipele ambavyo vimewekewa darasa sawa, na kutumia kwao sifa maalum (kwa mfano, badilisha rangi ya maandishi, ukubwa wa herufi na kadhalika).

Kuna pia sifa id, ambayo kama sifa class inawaruhusu kuchagua vipele kwenye ukurasa wa HTML.

Tofauti kati ya sifa class na sifa id ni kwamba class huchagua kikundi cha vipele (hata kama imepewa kipengele kimoja - baadaye inaweza kupewa kipengele kingine), na id huchagua kipengele cha kipekee (hakikisi kipengele kingine na id kama hiyo haipaswi kuwa kwenye ukurasa wa tovuti, vinginevyo kutakuwana na mgongano).

Je, unawezaje kujua nini kumpa kipengele - darasa au id? Darasa hupewa vipele vinavyorudiwa kwenye kurasa za tovuti (ili usiandike mara nyingi msimbo mmoja wa CSS). Hata kama kipengele hiki kimoja tu, lakini unahisi, kwamba vipele kama hivyo vinaweza kutokea baadaye - mpe kipengele hiki darasa. Ikiwa una uhakika, kwamba kipengele kama hicho ni cha kipekee - basi mpe id. Ingawa kwa sasa kuna mwelekeo wa kumpa kila kipengele darasa, na id iachie JavaScript, lakini haukubaliki kwa upana.

Kipengele kinaweza kupewa madarasa kadhaa, katika kesi hii yapaswa orodheshwa kwa kutumia nafasi.

Majina ya madarasa yanapaswa kuandikwa kwa kutumia herufi za Kiingereza, nambari, bila nafasi (nafasi hutenganisha madarasa kutoka kwa yaliyomo, badala yake unaweza kutumia alama ya chini au kistari). Madarasa hayapaswi kuanza na nambari (kwenye HTML5 inawezekana, lakini haitafanya kazi kwenye vivinjari vya zamani).

Majina ya madarasa yanapaswa kutolewa kwa lugha ya Kiingereza (wala si Kirusi, kwa kutumia herufi za Kiingereza tu!). Majina yanapaswa kuwa na maana, yakiakisi kiini cha darasa.

Mfano

Weka rangi nyekundu kwa maandishi ya aya zote zenye darasa test:

<p class="test">Aya yenye darasa test.</p>
<p>Aya ya udhibiti bila darasa.</p>

.test {
	color: red;
}

Mfano . Madarasa kadhaa kwa kipengele

Na hapa tupe aya ya kwanza madarasa kadhaa - test1 na test2 (tuyaandike kwa kutumia nafasi). Darasa test1 huweka rangi nyekundu kwa maandishi, na darasa test2 huweka ukubwa wa herufi hadi 20px. Aya ya pili imepewa darasa test1 tu (aya hii itakuwa nyekundu), na aya ya tatu - darasa test2 (aya hii itakuwa na ukubwa wa herufi wa 20px). Aya ya kwanza, ambayo ina madarasa mawili, itakuwa na rangi nyekundu na ukubwa wa herufi wa 20px wakati mmoja:

<p class="test1 test2">Aya yenye madarasa mawili test1 na test2.</p>
<p class="test1">Aya yenye darasa test1.</p>
<p class="test2">Aya yenye darasa test2.</p>
<p>Aya ya udhibiti bila madarasa.</p>

.test1 {
	color: red;
}
.test2 {
	font-size: 20px;
}

Angalia pia

sifa id,
ambayo huweka vitambulisho vya kipekee kwa vipele