Jifunze Nini Chagua cha CSS

Kuanzia CSS

CSS inategemea sheria zinazofanana vinavyotambua mtindo unaotumika kwa kipengele kilicho katika waraka. Mwelekeo huu huitwa wateuzi na wao hutoka kwa majina ya lebo (kwa mfano, p kwa mechi za vitambulisho) kwa mifumo ngumu sana inayofanana na sehemu maalum za waraka (kwa mfano, p # myid> b.highlight inafanana na lebo yoyote ya b na darasa la kuonyesha ambayo ni mtoto wa aya na myid id).

Mchaguzi wa CSS ni sehemu ya wito wa mtindo wa CSS ambao unatambua sehemu gani ya ukurasa wa wavuti inapaswa kuonyeshwa. Mchaguaji ana mali moja au zaidi ambayo hufafanua jinsi HTML iliyochaguliwa itafunikwa.

Uchaguzi wa CSS

Kuna aina mbalimbali za wateuzi:

• aina ya kuchagua-vinavyolingana kipengele maalum
• vigezo vinavyolingana na darasa maalum
• Wachaguaji wa ID-vinavyolingana kipengele na ID maalum
• wazazi wa uzazi-mambo ambayo ni wazao wa kipengele maalum
• vipengele vinavyolingana na vipimo vya mtoto ambavyo ni mtoto wa kipengele maalum
• Wachaguaji wote-vinavyolingana na kipengele chochote
• karibu ndugu wanaochagua vipengele vinavyolingana mara moja kabla ya kipengele fulani
• soma vipengele vinavyolingana na vipimo vya kuchagua na sifa maalum au thamani ya sifa
• vigezo vinavyolingana na vituo vinavyolingana na darasa maalum la pseudo
• vipengele vinavyolingana na vipengele vya kipengee vya kipengele na vitu maalum vya pseudo-element

Format CSS Styles na CSS Selectors

Aina ya mtindo wa CSS inaonekana kama hii:

chombo {style property: style; }

Toa wapiga kura mbalimbali ambao wana mtindo sawa na vitambaa. Hii inaitwa kikundi cha kuchagua. Kwa mfano:

selector1 , selector2 {style ya mtindo: style; }

Kundi la wateuzi ni utaratibu mfupi ili kuweka mitindo yako ya CSS.

Makundi ya juu yatakuwa na athari sawa na:

selector1 {mtindo wa mtindo: mtindo; }
selector2 {style ya mtindo: style; }

Daima Jaribu Uchaguzi wako wa CSS

Sio wote browsers kusaidia wote CSS selectors. Kwa hiyo, hakikisha ukijaribu wateuzi wako katika browsers kama wengi kwenye mifumo mingi ya uendeshaji iwezekanavyo. Lakini ikiwa unatumia chagua CSS 1 au CSS2 unapaswa kuwa nzuri.