Koma Hilbijartina Multiple CSS Selector Ji bo Load Speedê çêtir bikin
Efficiency di nav malpera serketî de faktorek girîng e. Ew malpera ku di vê wêneyê de bi kar tînin online de bandor be. Ev ê alîkarî dide ku malperê ji bo mêvanan û bi lezgehên xwe zûtir bistînin. Pêwîste divê beşek pêvajoya tevahiya we jî bibe, da ku hûn ji bo pêşveçûn û dema budceya pêşveçûna malperê biparêzin.
Di dawiyê de, berbiçav di hemî aliyan de afirandina çêkirina malpera malperê û serkeftina demdirêj de roleke lîstik dike. Di nav şêweyên ku ji bo pelên sîteya nivîskî têne nivîsandin. Dikarin ku leaner çêbikin, pelên CSS-ê paqij e, ew e, û yek ji awayên ku hûn dikarin bigihîjin vê yekê ji hêla hilbijartinên CSS-ê ve digire.
Hilbijêre Hilbijartin
Dema ku hûn hilbijarkên CSS-ê dikin , hûn heman şêweyên bi hêmanên cûda re bê bicih bikin bêyî ku şêlên di çarçoveya teşwîqê de vegerînin. Ji bilî du û sê an jî qaîdeyên CSS-ê jî, hemî heman tişt (mînak, rengê rengê sor ve veşartî), te heye ku rêbazek CSS-ê heye ku ji bo rûpelê te bigire.
Gelek sedem hene ku "ev komên hilbijartî" gavên pirtûkek. Yekemîn bereft, pirtûka te ya piçûk piçûk e û zûtir zûtir zêde dike. Bêguman, şêweyên şêweyên yek ne zilamên sereke ne ku dema ku ew gihîştin malperên bêdeng hêdî ne. Fîlên CSS-ê pelên nivîskî hene, da ku ji hêla wêneyên unoptimized vekirî yên hêja vekirî yên CSS-ê de, piçûk-pîrek-şehreq-a-piçûk in. Hê jî, her cûda hûrguman, û heke hûn dikarin çend sîteyên xwe yên CSSê û pelên ku gelekî zûtir bigirin, bisekinin, ew her tim tiştek baş e.
Di gelemperî de, gavên barkirina navber ên navber ên ji bo sê sîgorteyên kêmtir kêmtir in; 3 heta 7 saetan li seranserê navîn e, û ji 7 saetan zêdetir e pir zû ye. Ev hejmarên kêmtir e ku, ku hûn bi malpera xwe re bigirin, hûn hewce bike ku hûn her tiştê ku hûn dikarin bikin! Ji ber vê yekê hûn dikarin bikaribin alîkariya malpera xwe ya bikarhênerên CSS-ê yên hilbijêrin.
Çawa Hilbijêre CSS Selectors
Ji bo hilbijêrên CSS-ê bi hev re di çarçoveya şêweya we de, hûn komên bikar tînin ku di hilbijartinê de gelek hilbijêrevanên cuda cuda bikin . Di nimûneya jêrîn de, şêweyê bandorên pî û divên bandor dike:
div, p {color: # f00; }Konseya bingehîn tê wateya "û". Ji ber vê hilbijartinê ji hemî paragrafan û hemî hûrgelên parçeyê tête. Heke kumar winda bû, wê dê her parçeyek balkêş be ku zarokek parçeyek be. Ew celebek pir celebê bijartir e, da ku ev kema rast e ku wateya hilbijartinê biguherîne!
Her cure hilbijartî dikare bi hilbijêrek din. Di vê nimûneyê de, hilbijêrek çirokek bi bi hilbijêreke nasnameyê ve girêdayî ye:
p.red, #sub {color: # f00; }Ji ber vê yekê ev şêweyek di paragrafê de bi grûpek "red", û her celebek hebe (ji ber ku em ne diyarî ye) kîjan nasnameyek "sub" e.
Hûn dikarin çend hejmarek bijartoran bi hev re tevlihev bikin, her weha hilbijartinan ku peyvên yekane û hilbijarkên yekgirtî hene. Ev nimûne çar selectorên cuda hene:
p, .red, #sub, div a: link {color: # f00; }Ji ber vê rêbazê vê CSS-ê dê li ser jêrîn serîlêdanê bikin:
- Her parçeyek elementek
- Her celeb bi çîna "red"
- Her yek ji hêla nasnameya "sub"
- Peyvên "pîşesaziya pseudo" yên hêmanên ku nimûneyên dabeşkirinê hene.
Ew hilbijêrek dawî ya hilbijartinê ye. Hûn dikarin bibînin ku ew bi hêsantirên din di vê qaîdeya CSS de bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re bi hev re hev Bi vê hukumetê, em di nav 4 hilbijêran de rengê # f00 (kîjan sor e) ye ku ji bo hilbijartinên 4 cuda veşartin ji bo encam heman heman yekê.
Baweriyek din ji hilbijartinên komeleyan e ku, heke hûn hewceyê guhertinê bikin, hûn dikarin ji hêla gelek kesan re yekane rêbazên CSS-ê biguherînin. Ev tê wateya ku vê nêzîk dibe ku hûn paşerojê di pêşerojê de biparêzin wext û wextê rûpelê xilas dike.
Her bijarek hilbijêre
Wekî ku hûn ji mînakên jorîn digerin, hilbijêrek ku yek dikare di grûpekê de bêne binçavkirin û hemî hêmanên di belgeyê de ku hêmanên hemî tevlihev re bihevrek heman şêweyek xaniyê xwerûyê ye.
Hinek kesan dixwazin ku elementên grûb ên li ser kodîtiyê li ser kodê binêrin. Berfireh li ser malperê û lezgîniya bêdeng heman heman dimîne. Ji bo nimûne, hûn dikarin şêweyên hevpeymanan ji hêla komasên yek ji sîteyê ve girêdayî ye, di çarçoveya kodê de vekin:
th, td, p.red, div # vîdyoyek {reng: sor; }
an jî hûn dikarin stylesên li ser rêzên taybet ên lîsteyê binivîse:
te,
td,
p.red,
div #
{
rengê sor
}
Ma rêbazê ku hûn bikar tînin ku ji bo bijartên CSS-ê gelek koman bikar bînin û malpera xwe ji we re hêsan dike û hêsan dike ku hêsantir bi demek dirêj dirêj bikin.
Gotara rastîn ji Jennifer Krynin. Edited by Jeremy Girard 5/8/17.