Indlela yokufihla izixhumanisi usebenzisa i-CSS

Ukufihla ikhonkco kunye neCSS kunokwenziwa ngeendlela ezininzi, kodwa siza kujonga iindlela ezimbini apho i-URL ikwazi ukufihlakele ngokupheleleyo kwimbono. Ukuba ufuna ukudala ukuzingela i-scavenger okanye iqanda le-easter kwisayithi yakho, le ndlela yindlela efihlakeleyo yokufihla ikhonkco.

Indlela yokuqala kukusebenzisa "akukho" njengoko ixabiso lexabiso lepropati yeCSS. Enye ilula ngokubhala umbhalo ukulinganisa imvelaphi yephepha.

Gcina ukhumbule ukuba akukho ndlela eya kwenza ukuba unxibelelwano luphele ngokupheleleyo lufumaneka xa lukhangela ikhowudi yomthombo. Nangona kunjalo, iindwendwe aziyi kuba neendlela ezilula, ezichanekileyo zokuzibona, kwaye iindwendwe zakho ezikhethiweyo aziyi kuba nenkcazelo yokufumana ikhonkco.

Qaphela: Ukuba ukhangele imiyalelo yendlela yokudibanisa ishidi lomfanekiso wangaphandle, le miyalelo ayikho into oyiyo. Uyabona yintoni i-Sheet Style Style? endaweni yoko.

Khubaza uMcimbi wePointter

Indlela yokuqala esinokuyisebenzisa ukufihla i-URL yenze ikhonkco ingenzi nto. Xa imouse igxuma phezu kwekhonkco, ayiyi kubonisa oko i-URL ichaza kuyo kwaye ayiyi kukuvumela ukuba uyiqhoboze.

Bhala i-HTML ngokuchanekileyo

Enye iphepha lewebhu, qiniseka ukuba i hyperlink ifundeka kanje:

ThoughtCo.com

Kakade, "i-https://www.thoughtco.com/" idinga ukukhomba kwi-URL yangempela ofuna ukuyifihla , kwaye i-ThoughtCo.com ingatshintshwa kuye nawuphi na igama okanye ibinzana oyithandayo elichaza isixhumanisi.

Ingcamango apha kukuba iklasi esebenzayo iya kusetyenziswa neCSS engezantsi ukufihla ngokufanelekileyo unxibelelwano.

Sebenzisa le CSS Code

Ikhowudi yeCSS idinga ukujongana neklasi esebenzayo kwaye ichaze kwisiphequluli ukuba umcimbi onqakraza iqhosha, akufanele kube "akukho," njengale:

.active {pointer-events: none; isikhombisi: }

Uyakubona le ndlela ekusebenzeni kwiJSFiddle. Ukuba ususa ikhowudi yeCSS apho, kwaye ubuyisela kwakhona idatha, isiqhagamshelo ngokukhawuleza siyaba siphumelele kwaye sisetyenziswe. Kungenxa yokuba xa iCSS ingasetyenziswanga, isiqhagamshelo siziphatha ngokuqhelekileyo.

Qaphela: Khumbulani ukuba ukuba umsebenzisi ubona ikhowudi yomthombo wekhasi, baya kubona ikhonkco kwaye bayazi kakuhle apho kuhamba khona kuba njengokuba sibona ngasentla, ikhowudi isasekho, ayisetyenziswanga.

Tshintsha i-Link & # 39; s Umbala

Ngokuqhelekileyo, umyili wewebhu uza kwenza ii-hyperlink umbala ohlukileyo kunemvelaphi ukwenzela ukuba iindwendwe zikwazi ukuzibona kwaye ziyazi apho ziya khona. Nangona kunjalo, silapha ukufihla amanxibelelwano , ngoko makhe sibone indlela yokutshintsha umbala ukulingana nekhasi.

Chaza iClass Custom

Ukuba sisebenzisa umzekelo ofanayo ukusuka kwindlela yokuqala ngasentla, sinokutshintsha nje iklasi kuyo nayiphi na into esiyifunayo ukwenzela ukuba iifowuni ezikhethekileyo zifihliwe.

Ukuba asizange sisebenzise iklasi kwaye endaweni yoko sisebenzise i-CSS esuka ngaphantsi kuyo yonke ikhonkco, ke zonke ziya kutshabalala. Akuyonto esilandelayo apha, ngoko siza kusebenzisa le khowudi ye-HTML esebenzisa isigaba se-hideme esisiko:

ThoughtCo.com

Khangela Oko Umbala wokuSebenzisa

Ngaphambi kokuba singene ikhowudi efanelekileyo yeCSS ukufihla isiqhagamshelo, kufuneka sibone imbala engayifunayo. Ukuba unesimo esiqinileyo esele sele, njengamhlophe okanye omnyama, oko kulula. Nangona kunjalo, eminye imibala ekhethekileyo kufuneka ibe yinto efanayo.

Ngokomzekelo, ukuba umbala wakho wemvelaphi unexabiso le-hex ye- e6ded1 , kufuneka ukwazi ukuba ikhowudi yeCSS isebenza ngokufanelekileyo kwiphepha ofuna ukuba lingene kuyo.

Kukho izixhobo ezininzi ezinokuthi "i-color picker" okanye "i-eyedropper" ezikhoyo, enye ebizwa ngokuthi i-ColorPick Eyedropper kwisiphequluli se-Chrome. Yisebenzise ukuba isampula umbala wangasemva wekhasi lakho lewebhu ukuze ufumane umbala wehex.

Yenza ngokwezifiso iCSS ukuze utshintshe umbala

Ngoku ukuba unemibala ekufuneka ukuba ikhonkco libe nayo, lixesha lokusebenzisa loo nto kunye nexabiso leklasi langokwezifiso ukusuka phezulu, ukubhala ikhowudi yeCSS:

.hideme {umbala: # e6ded1; }

Ukuba umbala wakho wemvelaphi ulula njengamhlophe okanye uhlaza, akudingeki ukuba ufake uphawu # phambi kwalo:

.hideme {umbala: mhlophe; }

Khangela le ndlela yeklasi yesampuli kule JSFiddle.