Kwa nini comma rahisi inaeleza coding
CSS, au Majarida ya Sinema ya Nyaraka, ni njia ya kukubalika kwa mtandao wa mtandao wa kuongeza mitindo ya kuona kwenye tovuti. Na CSS, unaweza kudhibiti mpangilio wa ukurasa, rangi, uchapaji , picha ya asili, na mengi zaidi. Kimsingi, ikiwa ni mtindo wa kuona, basi CSS ndiyo njia ya kuleta mitindo hiyo kwenye tovuti yako.
Unapoongeza nyaraka za CSS hati, unaweza kuona kwamba waraka huanza kupata muda mrefu na mrefu. Hata tovuti ndogo yenye pekee ya kurasa inaweza kuishia na faili kubwa ya CSS - na tovuti kubwa sana na kura na kura nyingi za maudhui ya kipekee zinaweza kuwa na faili kubwa sana za CSS. Hii imejumuishwa na maeneo ya msikivu ambayo yana maswali mengi ya vyombo vya habari yaliyojumuishwa katika karatasi ya mtindo ili kubadilisha jinsi vielelezo vinavyotafuta na ukurasa unatoka kwa skrini tofauti.
Ndio, faili za CSS zinaweza kupata muda mrefu. Hii siyo tatizo kubwa linapokuja utendaji wa tovuti na kasi ya kupakua, kwa sababu hata faili ya muda mrefu ya CSS inawezekana kuwa ndogo sana (kwani ni hati tu ya maandiko). Hata hivyo, kila kidogo huhesabu wakati wa kasi ya ukurasa, hivyo kama unaweza kufanya salama yako ya mtindo, hiyo ni wazo nzuri. Hii ndio ambapo "comma" inakuja sana katika karatasi yako ya mtindo!
Commas na CSS
Huenda ukajiuliza ni jukumu gani comma inavyocheza katika syntax ya chagua ya CSS . Kama ilivyo katika hukumu, comma inaleta usahihi-sio kanuni-kwa watenganishaji. Comma katika selector CSS hutenganisha selectors nyingi ndani ya mitindo sawa.
Kwa mfano, hebu angalia baadhi ya CSS hapa chini.
th {rangi: nyekundu; }
td {rangi: nyekundu; }
p.red {rangi: nyekundu; }
div # kwanza {rangi: nyekundu; }
Kwa nenosiri hili, unasema kwamba unataka vitambulisho vitambulisho, vitambulisho vya td , vitambulisho vya rangi na darasani nyekundu, na kitambulisho cha div na kitambulisho cha kwanza kitakuwa na rangi ya mtindo nyekundu.
Hii ni CSS iliyokubalika kabisa, lakini kuna vikwazo viwili muhimu kwa kuandika hivi hivi:
- Katika siku zijazo, ukiamua kubadili rangi ya font ya mali hizi kwa bluu, unapaswa kubadilisha mara nne katika karatasi yako ya mtindo.
- Inaongeza wahusika wengi wa ziada kwenye karatasi yako ya mtindo ambayo huhitaji. Mifumo hii 4 inaweza kuonekana kama overkill, lakini kama unaendelea kufanya hivyo katika karatasi yako yote style, mistari itaongeza na karatasi hiyo itakuwa kubwa, kubwa zaidi kuliko inahitaji kuwa.
Ili kuepuka kuepuka tatizo hili, na kuboresha faili yako ya CSS, tutajaribu kutumia vitambaa.
Kutumia Vyombo Ili Kugawanya Selection
Badala ya kuandika vigezo 4 tofauti vya CSS na sheria 4, unaweza kuchanganya mitindo yote katika mali moja ya utawala kwa kutenganisha wateuzi binafsi kwa comma. Hapa ndivyo ilivyofanyika:
th, td, p.red, div # kwanza {rangi: nyekundu; }
Tabia ya comma kimsingi hufanya kama neno "na" ndani ya chagua. Kwa hiyo hii inatumika kwa vitambulisho t na vitambulisho vya td na vitambulisho vya aya na darasani nyekundu NA kitambulisho cha div na kitambulisho cha kwanza. Hiyo ndiyo hasa tuliyokuwa nayo kabla, lakini badala ya kuhitaji sheria 4 za CSS, tuna kanuni moja na wateuzi wengi. Hii ni nini comma gani katika selector, inaruhusu sisi kuwa na selectors nyingi katika kanuni moja.
Sio tu njia hii inayofanya kwa mafaili ya kusafiria, safi ya CSS, pia hufanya sasisho za baadaye ziwe rahisi zaidi. Sasa ikiwa ungependa kubadili rangi kutoka nyekundu hadi bluu, unapaswa kufanya mabadiliko tu katika eneo moja badala ya sheria za awali za mtindo 4 tulizo nazo! Fikiria juu ya hifadhi hizi za muda kwenye faili nzima ya CSS na unaweza kuona jinsi hii itawaokoa muda na nafasi katika rune ndefu!
Toleo la Syntax
Watu wengine huchagua zaidi ya CSS kwa kujitenga kila chagua kwenye mstari wake, badala ya kuandika yote kwenye mstari mmoja kama hapo juu. Hii ndivyo ilivyofanyika:
th,
td,
pred,
div # kwanza
{
rangi: nyekundu;
}
Angalia kwamba unaweka comma baada ya kila mteuzi na kisha utumie "kuingia" ili kuvunja mchezaji wa pili kwenye mstari wake mwenyewe. Huwezi kuongeza comma baada ya mchaguzi wa mwisho.
Kwa kutumia vitu kati ya wateuzi wako, unaunda karatasi zaidi ya mtindo ambayo ni rahisi kurekebisha baadaye na ni rahisi kusoma leo!
Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard tarehe 5/8/17