Ntho ea bohlokoa e bolelang ka CSS?

Likhoebo tsa bohlokoa tsa phetoho Cascade

E 'ngoe ea litsela tse molemo ka ho fetisisa tsa ho ithuta ho ngolisa marang-rang ke ho sheba melaetsa ea mohloli oa libaka tse ling. Mokhoa ona ke kamoo litsebi tse ngata tsa marang-rang li ileng tsa ithuta mesebetsi ea tsona kateng, haholo-holo matsatsing a pele ho ne ho e-na le likhetho tse ngata haholo bakeng sa lithuto tsa marang-rang , libuka le li-site tsa koetliso tsa marang-rang.

Haeba o leka mokhoa ona mme o sheba maqephe a cascading a sebaka (CSS) sa sebaka, ntho e le 'ngoe eo u ka e bonang ka khoutu eo ke mola o reng! Bohlokoa.

Seo se bolela'ng 'me, ka tsela ea bohlokoa feela, u sebelisa ka mokhoa o nepahetseng phatlalatso joang ka maqephe a hao a mokhoa?

Tlhaselo ea CSS

Ntlha ea pele, ke habohlokoa hore u utloisise hore li-sheet tsa mahlaseli a tloaelehileng li fela li senyeha , ho bolelang hore li kenngoa ka tatellano e itseng. Ka kakaretso, sena se bolela hore mekhoa e sebelisoa ka tatellano eo e baloang ke sebapali. Sebopeho sa pele se sebelisoa ebe joale sa bobeli se joalo.

Ka lebaka leo, haeba mokhoa oa ho shebahala o hlaha ka holimo ho setaele sa mokhoa oa ho fetolela setšoantšo mme o fetotsoe fatše ka tlaase ho tokomane eo, mohlala oa bobeli oa mokhoa ona ke oona o sebelisitsoeng liketsahalong tse latelang, eseng tsa pele. Ha e le hantle, haeba mekhoa e 'meli e bua ntho e le' ngoe (e bolelang hore e na le boemo bo lekaneng ba khethollo), ea ho qetela e thathamisitsoeng e tla sebelisoa.

Ka mohlala, a re ke re nahane hore mekhoa e latelang e ne e le ka letlapa la setaele. Leqephe la serapa le ne le tla fetoleloa ka batsho, le hoja setša sa pele sa mokhoa o sebelisitsoeng se khubelu.

Lebaka ke hobane boleng ba "batsho" bo thathamisitsoe mobeli. Ho tloha ha CSS e baloa holimo ho ea tlaase, mokhoa oa ho qetela ke "o motšo" kahoo o o hapa.

p {mmala: khubelu; }}
p {mmala: batsho; }}

Ho joalo! Liphetoho tsa bohlokoa tsa bohlokoa pele

Hona joale hore u utloisisa hore na melao ena e batlang e tšoana e sebetsanoa ke CSS, re ka sheba kamoo molao oa bohlokoa o fetohang lintho kateng.

Molao oa bohlokoa oa bohlokoa o ama tsela eo CSS ea hau e fellang ka eona ha u ntse u latela melao eo u ikutloang e le ea bohlokoa ka ho fetisisa 'me e lokela ho sebelisoa. Molao o nang le taelo ea bohlokoa! Kamehla o sebelisoa ho sa tsotellehe hore na molao oo o hlaha hokae inthaneteng ea CSS.

Ho etsa hore serapa se be le khubelu kamehla, ho latela mohlala o ka holimo, u tla sebelisa:

P {mmala: khubelu! bohlokoa; }}
p {mmala: batsho; }}

Hona joale temana eohle e tla hlaha e le khubelu, le hoja letšoao "la batsho" le thathamisitsoe mobeli. Molao oa bohlokoa oa bohlokoa o feta melao e tloaelehileng ea ho hlasela 'me e fana ka mokhoa ona o phahameng haholo.

Haeba u ne u hloka hore lirapa li shebahala li khubelu, mokhoa ona o ne o tla o etsa, empa seo ha se bolele hore ena ke mokhoa o motle. A re ke re sheba ha o batla ho o sebelisa! Bohlokoa le ha o sa lokela.

Nako ea ho e sebelisa! Ea bohlokoa

Molaelo oa bohlokoa ke oa bohlokoa haholo ha u ntse u leka le ho ntša websaeteng e fosahetseng. Haeba o sa tsebe hantle hore na mokhoa ofe o sa sebelisoe mme o nahana hore e ka 'na ea e-ba taba e khethehileng, u ka eketsa! Phatlalatso ea bohlokoa ho mokhoa oa hau ho bona hore na seo se lokisa.

Haeba ho phaella! Bohlokoa bo hlile bo lokisa bothata ba mokhoa, u se u entse qeto ea hore ke taba e khethehileng. Leha ho le joalo, ha u batle ho tlohela seo! Bohlokoa ba khoutu e le teng, e ne e behoa feela bakeng sa merero ea teko.

Kaha tlhahlobo e fetile, joale u lokela ho tlosa taelo eo 'me u fetole khetho ea hau hore u finyelle seo u se hlokang ho fumana mokhoa oa hau oa ho sebetsa. ! ho bohlokoa ha hoa lokela ho kena ka har'a libaka tsa hau tsa tlhahiso, karolo e itseng ka lebaka la hore na e fetola sekhahla se tloaelehileng joang.

Haeba u itšetlehile haholo ka phatlalatso ea bohlokoa ea ho finyella mekhoa ea hau eo ue ratang, qetellong u tla ba le letlapa le nang le litlhaku tsa bohlokoa. U tla fetola ka tsela ea sebele tsela eo CSS ea leqephe e sebetsanoang ka eona. Ke mokhoa o botsoa o sa tsoaneng le oa nako e telele ea puso.

Sebelisa! Ho bohlokoa bakeng sa teko kapa, maemong a mang, ha o tlameha ho tlōla tekanyetso e ka hare ho karolo ea sehlooho kapa moralo oa tempele.

Esita le maemong ao, sebelisa mokhoa ona ka bonyane ka hohle kamoo ho ka khonehang mme ho e-na le hoo leka ka matla ho ngola maqephe a hloekileng a tloaelehileng a utloisisang ho hlasela.

Litlhaku tsa Sebedisa

Ho na le tlaleho e le 'ngoe ea ho qetela ea taelo ea bohlokoa eo e leng ea bohlokoa ho e utloisisa. Taelo ena e boetse e behiloe ho thusa basebedisi ba maqephe a marang-rang ho sebetsana le maqephe a etsang hore maqephe a be thata ho a sebelisa kapa ho a bala.

Ka tloaelo, haeba mosebeletsi a hlalosa tepi ea setaele ho sheba maqephe a marang-rang, leqhepe leo la sethala le sitisoa ke leqephe la moqapi oa leqephe la moqapi. Haeba mosebeletsi a senya mokhoa oa bohlokoa ka mokhoa oa bohlokoa, mokhoa ona o fetisa leqephe la moqapi oa leqephe la moemeli, esita le haeba mongoli a beha molao o le oa bohlokoa!

Sena se molemo ho basebedisi ba hlokang ho beha mekhoa ka tsela e itseng. Ka mohlala, motho e mong a ka 'na a hloka ho eketsa mefuta e sa tloaelehang ea melaetsa maqepheng ohle a maqephe ao ba a sebelisang. Ka ho sebelisa taelo ea hau ea bohlokoa ka hare ho maqephe ao u a hahileng, u amohela litlhoko leha e le life tse khethehileng tseo basebedisi ba hao ba ka ba le tsona.

E hlophisitsoeng ke Jeremy Girard