Iqela leeCele ezininzi zeCSS zokuPhucula ukuKhutshwa kweMthwalo
Ukusebenza kakuhle kubaluleke kakhulu kwiwebhusayithi ephumelelayo. Le sayithi kufuneka isebenze ngendlela esebenzisa ngayo imifanekiso kwi-intanethi . Oku kuya kunceda ukuqinisekisa ukuba isayithi yenza kakuhle iindwendwe kwaye ilayishe ngokukhawuleza kumadivayisi abo. Ukusebenza ngokufanelekileyo kufanele kube yinxalenye yenkqubo yakho yonke, kukunceda ugcine inkqubela yeziko ngexesha kunye nohlahlo lwabiwo-mali.
Ekugqibeleni, ukusebenza kakuhle kudlala indima kuyo yonke imiba yendalo yendalo kunye nokuphumelela kwexesha elide, kubandakanywa nezitayela ezibhaliweyo zeeSSS zamaphepha. Ukukwazi ukudala i-leaner, iifayile ezicocekileyo ze-CSS zilungele, kwaye enye yeendlela ongayifumana ngayo ngoku kuqoqa abakhethi beCSS abaninzi.
Selection Groups
Xa ukhetha abakhethi beCSS , usebenzisa izitayela ezifanayo kwizinto ezahlukeneyo ngaphandle kokuphinda izitayela kwiphepha lakho lesitayela. Esikhundleni sokuba nemithetho emibini okanye emithathu okanye ngaphezulu kwe-CSS, yonke into eyenza into efanayo (umzekelo, usethe umbala wento into ebomvu), unomgaqo owodwa weCSS owenzayo kwiphepha lakho.
Kukho izizathu zokuba kutheni le "iqela labakhethi" linceda iphepha. Okokuqala, ishidi lakho lomdlalo liya kuba lincinci kwaye lilayishe ngokukhawuleza. Kuyavunywa, iifayile zefestile azikho enye yezona ziqhamo eziphambili xa kuziwa ekunciphiseni ukulayisha izingosi. Iifayile ze-CSS zifayile zecatshulwa, ngoko ke iifayile ezincinci zeCSS zincinci, ubukhulu befayili, xa kuthelekiswa nemifanekiso engenakulungiswa. Sekunjalo, yonke into encinane ibalwa, kwaye ukuba unako ukuhlambela ubungakanani beCSS yakho kwaye ulayishe amaphepha anokukhawuleza, oko kusoloko kulungile ukwenza.
Ngokubanzi, ngaphezu kwesantya somthwalo wesantya kwiisayithi zingaphantsi kwemizuzwana engama-3; Imizuzwana emi-3 ukuya kweyesi-7 imalunga nomyinge, kwaye imizuzwana engaphezu kwe-7 ilula kakhulu. La manani aphantsi athetha ukuba, ukufezekisa ngeziko lakho, kufuneka wenze konke onakho! Yingakho unokukunceda ugcine isayithi lakho ngokukhawuleza usebenzisa abakhethi beCSS beqela.
Indlela yokudibanisa i-Selection CSS
Ukukhetha abakhethi be-CSS ndawonye kwiphepha lakho lesitayela, usebenzisa ii-commas ukuze uhlukanise abakhethi beqela abaninzi kwi-style. Kulo mzekelo ungezantsi, isitayela sichaphazela izinto ze-div kunye ne-div:
div, p {umbala: # f00; }I-comma isho ngokuthethi "kwaye". Ngoko lo mkhethi usebenza kuzo zonke iziqendu zomhlathi kunye nazo zonke iinkalo zecandelo. Ukuba i-comma yayingekhoyo, kuya kuba yinto yonke imihlathi engumntwana wesahlulo. Lona luhlobo olukhethileyo lokhethiweyo, ngoko ke le ngxaki iyatshintsha intsingiselo yomkhethi!
Naliphi na uhlobo lokhetho lungaqalwa kunye naluphi na umkhethi. Kulo mzekelo, umkhethi weklasi uqokelelwe ngumkhethi we-ID:
p.red, #sub {umbala: # f00; }Ngoko le ndlela isetyenziswa kunoma yimuphi umhlathi kunye nombakala weklasi "obomvu", NAKUBANYE nento (ekubeni asizange sichaze uhlobo luni) olune-ID ye "ID".
Unokwenza iqela naliphi inani labakhethi kunye kunye, kuquka abakhethiweyo abangamagama angatshatanga kunye nokuqulunqa abakhethi. Lo mzekelo uquka abakhethi abane abahlukeneyo:
p, .red, #sub, div: ikhonkco {umbala: # f00; }Ngoko ulawulo lweCSS luya kusebenza kwezi zinto zilandelayo:
- Nawuphi na umhlathi wesigaba
- Naliphi na into elineklasi "ebomvu"
- Naliphi na into ene-ID ye "sub"
- "Ikhonkco" yeklasi iqela lezinto ezinommiselo ezizahlulo zecandelo.
Umkhethi wokugqibela ngumkhethi wekhampani. Uyabona ukuba idibaniswa lula kunye nabanye abakhethiweyo kulo mgaqo weCSS. Ngaloo mgaqo, sibeka umbala we # f00 (obomvu) kulaba bane-selectors, okukhethwa ukubhala abakhethi-4 abahlukeneyo ukuphumeza umphumo ofanayo.
Enye inzuzo yeqela lokukhetha kukuba, ukuba ufuna ukwenza utshintsho, unokuhlela olunye ulawulo lweCSS olulodwa endaweni yezinto ezininzi. Oku kuthetha ukuba le ndlela ikusindisa ubunzima bephepha kunye nexesha xa liza kugcina isayithi kwikamva.
Naluphi na umkhethi onokuGqiba
Njengoko ungabona kwimimiselo engentla, naluphi na umkhethi ovumelekileyo unokufakwa kwiqela, kwaye zonke izicwangciso zedokethi ezihambelana nazo zonke iinkcukacha zeqela ziya kuba nesimo esifanayo kwisiseko sepropati.
Abanye abantu banqwenela ukuluhlu lwezinto eziqokelelwe kwiindawo ezihlukeneyo zokufaneleka kwikhowudi. Ukubonakala kwiwebsite kwaye isivinini somthwalo siyaqhubeka. Umzekelo, unokudibanisa izitayela ezihlukaniswe ngama-commas kwisakhiwo esisodwa kwisakhiwo kwikhowudi enye:
th, td, p.red, div # kuqala {umbala: obomvu; }
okanye ungabhala uluhlu lwezitayela kumigqa nganye yokucacisa:
th,
td,
p.red,
div # kuqala
{
Umbala: obomvu;
}
Enoba yeyiphi indlela oyisebenzisayo ukuqoqa abakhethi be-CSS abaninzi banciphisa isayithi yakho kwaye kwenza kube lula ukulawula izitayela kwixesha elide.
Inqaku loqobo loJennifer Krynin. Ulungiswe nguJeremy Girard ngo-5/8/17.