Hvordan endre innhold i CSS
Denne oppskrivningen vil guide deg om å endre innhold i CSS.
Hvordan endre innhold i CSS?
For å endre innholdet i CSS, vil vi bruke metodene nedenfor:
- :: Etter velger med innholdsegenskapen
- :: før velgeren med innholdsegenskapen
La oss gå gjennom hver metode en etter en!
Metode 1: Bruk :: Etter valg med innholdsegenskap for å endre innhold i CSS
“::etter”Selector plasserer det spesifiserte innholdet etter HTML -elementet ved hjelp av CSS”innhold”Eiendom. Denne operasjonen hjelper til med å legge innholdet til det valgte elementet. I tillegg “vise”Eiendom kan brukes til å skjule det eksisterende innholdet.
La oss se på eksemplet nedenfor for å forstå hvordan du endrer innholdet i CSS ved å bruke :: etter velgeren.
Eksempel
Her er HTML -siden vår med teksten “God morgen!!!”. La oss erstatte det ekstra innholdet:
Foreløpig har vi lagt til en “ God morgen!!! I vår CSS -fil vil vi nå bruke :: etter velgeren som "Body :: etter”Og bruk“innhold”Eiendom med verdien”God kveld”Inne i definisjonen. Som et resultat vil CSS -velgeren plassere teksten rett etter den skrevne teksten. Til slutt, skjul den eksisterende teksten ved å bruke “vise”Eiendom og setter verdien til“ingen”: Lagre nå HTML -filen din og åpne den på nettleseren eller bruk “Live server”For samme formål: Som du kan se, har innholdet blitt endret med suksess ved å bruke :: etter CSS -velgeren: Metode 2: Bruk :: før velger med innholdsegenskap for å endre innholdet i CSS I CSS, “::før”Selector brukes til å få innholdet til å vises rett før det eksisterende innholdet i et element. Det kan brukes i kombinasjon med "innhold”Eiendom for å legge til nytt innhold i det valgte elementet. Eksempel Spesifiser :: før velgeren rett etter kroppen som “Body :: før”. Dette vil plassere det nye innholdet før det eksisterende innholdet. Merk at alle de andre egenskapene forblir de samme som i forrige eksempel: Produksjon Vi har forklart forskjellige metoder for å endre innholdet i CSS. Konklusjon Å endre innholdet, “::etter”Og“::før”CSS -velgere brukes med“innhold”Eiendom. I den første tilnærmingen blir den spesifiserte teksten lagt til etter det valgte elementet, mens den andre CSS -velgeren fungerer motsatt. Dessuten "vise”Eiendom kan brukes til å skjule det eksisterende innholdet i et element. Slik endres innholdet fullstendig i CSS. Vi har dekket de to metodene for å endre innholdet i CSS.