Hlanganisa izinketho ze-CSS eziningana zokwenza ngcono ukulayisha umthwalo
Ukusebenza kahle kuyisici esibalulekile kuwebhusayithi ephumelelayo. Leyo sayithi kufanele iphumelele ngendlela esebenzisa ngayo izithombe ku-intanethi . Lokhu kuzosiza ukuqinisekisa ukuthi isayithi yenza kahle izivakashi futhi ilayishe ngokushesha kumadivayisi wabo. Ukusebenza kahle kufanele kube ingxenye yenqubo yakho yonke, ikusize ukugcina inqubekela phambili yesayithi ngesikhathi nesebhajethi.
Ekugcineni, ukusebenza kahle kudlala indima kuzo zonke izici zokudalwa kwewebhsayithi nokuphumelela kwesikhathi eside, kufaka phakathi nezitayela ezibhaliwe kumashidi e-CSS yendawo. Ukukwazi ukudala amafayela ahlanzekile, ama-CSS ahlanzekile, futhi enye yezindlela ongayifinyelela ngazo ngokuhlanganisa ama-selector amaningi e-CSS ndawonye.
I-Selection yeqembu
Uma ukhetha izikhethi ze-CSS , usebenzise izitayela ezifanayo ezingxenyeni ezihlukahlukene ngaphandle kokuphinda izitayela kushidi lakho lesitayela. Esikhundleni sokuba nemithetho emibili noma emithathu noma ngaphezulu ye-CSS, konke okwenza into efanayo (isibonelo, usethe umbala wento into ebomvu), unomthetho owodwa we-CSS owenzayo ekhasini lakho.
Kunezizathu eziningi zokuthi kungani lokhu "ukuqoqa kwabakhethi" kuzuza ikhasi. Okokuqala, ishidi lakho lesitayela lizoba lincane bese lilayisha ngokushesha. Kuyavunywa, amashidi wesitayela awayena owodwa weziphambeko eziyinhloko uma kuziwa ekunciphiseni izindawo zokulayisha. Amafayela e-CSS amafayela wombhalo, ngakho-ke ngisho namashidi ama-CSS amade kakhulu amancane, amafayili afana nokuhlakanipha, uma kuqhathaniswa nemifanekiso engalungile. Noma kunjalo, konke okuncane kubalwa, futhi uma ungahlamba ubukhulu be-CSS yakho bese ulayisha amakhasi okusheshayo, lokho kuyinto enhle ukuyenza ngaso sonke isikhathi.
Ngokuvamile, ngaphezu kwesilinganiso isilinganiso somthwalo amasayithi angaphansi kwamasekhondi amathathu; Imizuzwana engu-3 ukuya kwangu-7 ingaba isilinganiso, futhi imizuzwana engaphezu kwengu-7 ihamba kancane. Lezi zinombolo eziphansi zisho ukuthi, ukuze uzifeze nge-site yakho, udinga ukwenza konke ongakwenza! Yingakho ungasiza ukugcina isayithi lakho liphuthumayo ngokusebenzisa izikhethi ze-CSS eziqoqiwe.
Indlela Yokuqoqa Selection CSS
Ukuze uqoqe izikhethi ze-CSS ndawonye ngeshidi lakho lesitayela, usebenzisa ama-commas ukuze uhlukanise izikhethi eziningi eziqoqiwe ngesitayela. Esikhathini esingezansi, isitayela sithinta izingxenye ze-p ne-div:
div, p {umbala: # f00; }}I-comma isho ukuthi "futhi". Ngakho lo mkhethi usebenza kuzo zonke izakhi zesigaba nakuzo zonke izakhi zokuhlukanisa. Uma ngabe i-comma yayingekho, kungase kube yizo zonke izigaba zesigaba eziyingane yesigaba. Lokho uhlobo oluhluke kakhulu lokukhethwa, ngakho-ke lesi comma siyashintsha ngempela incazelo yomkhethi!
Noma yiliphi uhlobo lokukhetha lingabalwa nganoma yimuphi omunye umkhethi. Kulesi sibonelo, umkhethi weklasi uhlanganiswe nomkhethi we-ID:
p.red, #sub {umbala: # f00; }}Ngakho-ke lesi sitayela sisebenza kunoma yisiphi isigaba ngekhwalithi yeklasi ye "obomvu", NOMA noma yikuphi isici (ngoba asizange sichaze uhlobo luni) olunombono we-ID we "sub".
Ungakwazi ukuqoqa noma yiliphi inani lamakhethi ndawonye, kufaka phakathi abakhethi abamazwi angabodwa bese bahlanganisa abakhethayo. Lesi sibonelo sihlanganisa izikhethi ezine ezahlukene:
p, .red, #sub, div a: isixhumanisi {umbala: # f00; }}Ngakho lo mbuso we-CSS uzosebenza kulokhu okulandelayo:
- Noma yisiphi isigaba sesigaba
- Noma iyiphi into eneklasi "ebomvu"
- Noma iyiphi into ene-ID ye "sub"
- I "isixhumanisi" isigaba sokungacacisi sezingxenye ze-anchor eziyizinhlawulo zesigaba.
Lowo ukhetha okokugcina uyikhethi yekhamera. Ungabona ukuthi ihlanganiswa kalula namanye ama-selectors kule mbuso ye-CSS. Ngalo mthetho, sibeka umbala we- # f00 (obomvu) kulezi zikhethi ezingu-4, okukhethwa ukubhala abakhethi 4 abahlukene ukuze bathole umphumela ofanayo.
Enye inzuzo yokuqoqa ama-selectors yilapho, uma udinga ukwenza ushintsho, ungahlela umthetho owodwa we-CSS esikhundleni sezinto eziningi. Lokhu kusho ukuthi le ndlela ikusindisa isisindo sekhasi kanye nesikhathi lapho kuza ukugcina isayithi esikhathini esizayo.
Noma yikuphi okukhethwa kukho kungabanjwa
Njengoba ungabona kusuka kuzibonelo ezingenhla, noma iyiphi i-selector evumelekile ingabekwa eqenjini, futhi zonke izakhi ezisemadokhumeni ezifanisa zonke izakhi eziqoqiwe zizoba nesitayela esifanayo esekelwe kuleso sakhiwo sesitayela.
Abanye abantu bakhetha ukuhlunga izakhi eziqoqiwe emigqeni ehlukene yokwenza okusemthethweni ikhodi. Ukubonakala kwiwebhusayithi kanye nesivinini somthwalo wezinsizakalo sihlala sinye. Isibonelo, ungahlanganisa izitayela ezihlukaniswe ngama-commas kwisakhiwo esisodwa sezitayela kulayini owodwa wekhodi:
th, td, p.red, div # kuqala {umbala: obomvu; }}
noma ungabhala izitayela kumigqa ngayinye yokucaca:
th,
td,
p.red,
div # kuqala
{
umbala: obomvu;
}}
Noma iyiphi indlela oyisebenzisayo ukuqoqa izikhethi eziningi ze-CSS uphuthukisa isayithi lakho futhi yenza kube lula ukuphatha izitayela isikhathi eside.
Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard ngo-5/8/17.