So ändern Sie Inhalte in CSS
In diesem Bericht wird Sie über das Ändern von Inhalten in CSS geführt.
So ändern Sie Inhalte in CSS?
Um den Inhalt in CSS zu ändern, werden wir die folgenden Methoden verwenden:
- :: Nach dem Auswahlschalter mit der Inhaltseigenschaft
- :: vor Auswahl der Inhaltseigenschaft
Lassen Sie uns jede Methode einzeln durchlaufen!
Methode 1: Verwendung :: After Selector mit Inhaltseigenschaft, um den Inhalt in CSS zu ändern
Der "::nach"Selector platziert den angegebenen Inhalt nach dem HTML -Element mit dem CSS"Inhalt" Eigentum. Dieser Vorgang hilft beim Hinzufügen des Inhalts zum ausgewählten Element. Zusätzlich die “AnzeigeEigenschaften können verwendet werden, um den vorhandenen Inhalt zu verbergen.
Schauen wir uns das folgende Beispiel an, um zu verstehen.
Beispiel
Hier ist unsere HTML -Seite mit dem Text “Guten Morgen!!!”. Ersetzen wir den hinzugefügten Inhalt:
Derzeit haben wir eine hinzugefügt “ Guten Morgen!!! In unserer CSS -Datei werden wir nun den :: After Selector als “verwendenKörper :: Nach"Und benutze das"Inhalt”Eigenschaft mit dem Wert“Guten AbendIn seiner Definition. Infolgedessen platziert der CSS -Selektor den Text direkt nach dem geschriebenen Text. Schließlich verbergen Sie den vorhandenen Text mit dem “Anzeige"Eigenschaft und setzen Sie ihren Wert auf"keiner”: Speichern Sie nun Ihre HTML -Datei und öffnen Sie sie einfach im Browser oder verwenden Sie sie „Live -ServerFür den gleichen Zweck: Wie Sie sehen können, wurde der Inhalt mit dem CSS -Selektor :: After CSS erfolgreich geändert: Methode 2: Verwendung :: vor Selektor mit Inhaltseigenschaft, um den Inhalt in CSS zu ändern In CSS, die “::VorDer Selektor wird verwendet, um den Inhalt direkt vor dem vorhandenen Inhalt eines Elements anzuzeigen. Es kann in Kombination mit dem "verwendet werden"InhaltEigenschaft, um dem ausgewählten Element neue Inhalte hinzuzufügen. Beispiel Geben Sie den :: vor Selektor direkt nach dem Körper als "an" an "an"Körper :: vor”. Dadurch wird der neue Inhalt vor dem vorhandenen Inhalt vorgelegt. Beachten Sie, dass alle anderen Eigenschaften wie im vorherigen Beispiel die gleichen bleiben: Ausgang Wir haben verschiedene Methoden erklärt, um den Inhalt in CSS zu ändern. Abschluss Um den Inhalt zu ändern, “::nach" Und "::VorCSS -Selektoren werden mit dem "verwendet"Inhalt" Eigentum. Im ersten Ansatz wird der angegebene Text nach dem ausgewählten Element hinzugefügt, während der zweite CSS -Selektor das Gegenteil funktioniert. Darüber hinaus die “AnzeigeEigenschaften können verwendet werden, um den vorhandenen Inhalt eines Elements zu verbergen. So wird der Inhalt in CSS vollständig verändert. Wir haben die beiden Methoden zur Änderung des Inhalts in CSS behandelt.