Ṣiṣe ọna asopọ pẹlu CSS le ṣee ṣe awọn ọna pupọ, ṣugbọn a yoo wo awọn ọna meji ti a le fi URL pamọ patapata lati oju. Ti o ba fẹ ṣẹda isanwo kan tabi awọn ẹyin ajinde lori aaye rẹ, eyi jẹ ọna ti o tayọ lati tọju awọn asopọ.
Ọna akọkọ jẹ nipa lilo "kò" gẹgẹbi iye-ini CSS-iṣiro-iṣẹlẹ. Awọn ẹlomiiran ni nipasẹ sisọ ọrọ naa ni ibamu si ẹhin oju-iwe naa.
Ranti pe ko si ọna ti yoo ṣe ọna asopọ naa patapata lati parun nigbati a ba ri koodu orisun. Sibẹsibẹ, awọn alejo kii yoo ni ọna ti o rọrun, ti o rọrun ni eyiti o le rii, ati awọn alejo alakoso rẹ yoo ko ni akọsilẹ bi wọn ṣe le rii ọna asopọ naa.
Akiyesi: Ti o ba n wa awọn itọnisọna lori bi o ṣe le sopọ mọ ẹgbẹ ti ita ita, awọn ilana wọnyi kii ṣe ohun ti o wa lẹhin. Wo Kini Iru Iwe Ti Ipin? dipo.
Muu iṣẹlẹ Oludariran ṣiṣẹ
Ilana akọkọ ti a le lo lati tọju URL kan ni lati ṣe asopọ ko ṣe nkan. Nigba ti asin naa ba pa asopọ naa kọja, kii yoo fi ohun ti URL han si ati pe kii yoo jẹ ki o tẹ ọ.
Kọ HTML tọ
Ọkan oju-iwe ayelujara, rii daju pe hyperlink sọ bi eyi:
ThoughtCo.comDajudaju, "https://www.thoughtco.com/" nilo lati ntoka si URL gangan ti o fẹ pamọ, ati ThoughtCo.com le yipada si ọrọ tabi gbolohun ti o fẹ pe o ṣe apejuwe asopọ.
Idii nibi ni pe kilasi kilasi yoo ṣee lo pẹlu CSS isalẹ lati fi tọju ọna asopọ naa pamọ.
Lo koodu CSS yii
Awọn koodu CSS nilo lati koju awọn kilasi ti o ṣiṣẹ ati ṣe alaye si ẹrọ lilọ kiri ayelujara ti iṣẹlẹ lori ọna asopọ tẹ, yẹ ki o jẹ "kò si," bi eyi:
.active-ijabọ-iṣẹlẹ: kò; kọsọ: aiyipada; }O le wo ọna yii ni igbese lori JSFiddle. Ti o ba yọ koodu CSS kuro nibẹ, lẹhinna tun pada awọn data naa, ọna asopọ lojiji di clickable ati lilo. Eyi jẹ nitori nigbati a ko lo CSS, ọna asopọ naa ṣe deede.
Akiyesi: Ranti pe ti olumulo ba wo koodu orisun oju iwe, wọn yoo wo ọna asopọ naa ati mọ ibi ti o n lọ nitori bi a ṣe rii loke, koodu naa ṣi wa nibẹ, kii ṣe ohun elo.
Yi Ẹrọ & Ọja 39; Awọ
Ni deede, aṣajuwe wẹẹbu yoo ṣe awọn alailẹgbẹ awọ ti o yatọ ju awọ lẹhin ki alejo le rii wọn tẹlẹ ki o si mọ ibi ti wọn lọ. Sibẹsibẹ, a wa nibi lati tọju awọn asopọ , nitorina jẹ ki a wo bi a ṣe le yi awọ pada lati ṣe deede ti oju-iwe naa.
Ṣatunkọ Kọọnda Aṣa
Ti a ba lo apẹẹrẹ kanna lati ọna akọkọ loke, a le yi iyipada naa pada si ohunkohun ti a fẹ ki nikan awọn asopọ pataki wa ni pamọ.
Ti a ko ba lo kilasi kan ati pe o lo CSS lati isalẹ si gbogbo ọna asopọ, lẹhinna gbogbo wọn yoo parẹ. Ti kii ṣe ohun ti a wa lẹhin ibi, nitorina a yoo lo koodu HTML yii ti o nlo kilasi aṣa ti aṣa:
ThoughtCo.comWa Ohun ti Awọ lati Lo
Ṣaaju ki a to tẹ koodu CSS ti o yẹ lati tọju ọna asopọ, a nilo lati ṣawari iru awọ ti a fẹ lo. Ti o ba ni ipilẹ to lagbara tẹlẹ, bi funfun tabi dudu, lẹhinna o rọrun. Sibẹsibẹ, awọn awọ pataki miiran nilo lati wa ni gangan.
Fun apeere, ti awọ rẹ ba ni iye hex ti e6ded1 , o nilo lati mọ pe fun koodu CSS lati ṣiṣẹ daradara fun oju-iwe ti o fẹ ki o padanu sinu.
Ọpọlọpọ awọn ti awọn "irinṣẹ awọ" tabi "eyedropper" wa ti o wa, ọkan ninu eyiti a pe ni ColorPick Eyedropper fun aṣàwákiri Chrome. Lo o lati ṣayẹwo awọ-lẹhin ti oju-iwe ayelujara rẹ lati gba awọ hex.
Ṣe akanṣe CSS lati Yi Awọ pada
Nisisiyi pe o ni awọ ti ọna asopọ yẹ ki o wa, o jẹ akoko lati lo eleyi ati ipo iye aṣa lati oke, lati kọ koodu CSS:
.hideme {awọ: # e6ded1; }Ti awọ awọ rẹ ba jẹ rọrun bi funfun tabi awọ ewe, iwọ ko ni lati fi ami-ami sii niwaju rẹ:
.hideme {awọ: funfun; }Wo koodu ayẹwo ti ọna yii ni JSFiddle yii.