Šis raksts palīdzēs jums mainīt saturu CSS.
Kā mainīt saturu CSS?
Lai mainītu saturu CSS, mēs izmantosim tālāk norādītās metodes.
Izskatīsim katru metodi pa vienam!
1. metode. Izmantojiet ::after Selector ar satura rekvizītu, lai mainītu saturu CSS
' ::pēc ' selektors novieto norādīto saturu aiz HTML elementa, izmantojot CSS ' saturu ” īpašums. Šī darbība palīdz pievienot saturu atlasītajam elementam. Turklāt ' displejs ” īpašumu var izmantot, lai paslēptu esošo saturu.
Apskatīsim tālāk sniegto piemēru, lai saprastu, kā mainīt saturu CSS, izmantojot atlasītāju ::after.
Piemērs
Šeit ir mūsu HTML lapa ar tekstu ' Labrīt!!! ”. Aizstāsim pievienoto saturu:
Pašlaik esam pievienojuši ' “ tagu ar tekstu mūsu HTML faila pamatteksta sadaļā:
< lpp > Labrīt!!! < / lpp >Mūsu CSS failā mēs tagad izmantosim atlasītāju ::aff kā “ korpuss::pēc ” un izmantojiet „ saturu 'īpašums ar vērtību' Labvakar ” tās definīcijā. Rezultātā CSS atlasītājs tekstu ievietos tieši aiz rakstītā teksta. Visbeidzot, paslēpiet esošo tekstu, izmantojot ' displejs ' rekvizītu un iestatiet tā vērtību uz ' neviens ”:
< stils >korpuss::pēc {
saturu : 'Labvakar' ;
}
lpp {
displejs: nav;
}
< / stils >
Tagad saglabājiet savu HTML failu un vienkārši atveriet to pārlūkprogrammā vai izmantojiet “Tiešraides serveris ” ar to pašu mērķi:
Kā redzat, saturs ir veiksmīgi mainīts, izmantojot ::after CSS atlasītāju:
2. metode: izmantojiet ::pirms atlasītāja ar satura rekvizītu, lai mainītu saturu CSS
CSS sistēmā “ ::pirms ” atlasītājs tiek izmantots, lai saturs parādītos tieši pirms elementa esošā satura. To var izmantot kopā ar ' saturu ”, lai atlasītajam elementam pievienotu jaunu saturu.
Piemērs
Norādiet atlasītāju ::before tieši aiz pamatteksta kā ' ķermenis::pirms ”. Tādējādi jaunais saturs tiks novietots pirms esošā satura. Ņemiet vērā, ka visi pārējie rekvizīti paliek tādi paši kā iepriekšējā piemērā:
< stils >ķermenis::pirms {
saturu : 'Labvakar' ;
}
lpp {
displejs: nav;
}
< / stils >
Izvade
Mēs esam izskaidrojuši dažādas metodes, kā mainīt saturu CSS.
Secinājums
Lai mainītu saturu, ' ::pēc ' un ' ::pirms CSS atlasītāji tiek izmantoti kopā ar saturu ” īpašums. Pirmajā pieejā norādītais teksts tiek pievienots aiz atlasītā elementa, bet otrais CSS atlasītājs darbojas pretēji. Turklāt ' displejs ” rekvizītu var izmantot, lai paslēptu esošo elementa saturu. Tādā veidā saturs tiek pilnībā mainīts CSS. Mēs esam apskatījuši divas CSS satura maiņas metodes.