Jak zmienić treść w CSS
Ten zapis poprowadzi Cię na temat zmiany treści w CSS.
Jak zmienić treść w CSS?
Aby zmienić zawartość w CSS, użyjemy poniższych metod:
- :: po selektorze z właściwością treści
- :: Przed wyborem z właściwością treści
Przejrzyjmy każdą metodę jeden po drugim!
Metoda 1: Użyj :: po selektorze z właściwością treści w celu zmiany treści w CSS
„„::Po„Selektor umieszcza określoną zawartość po elemencie HTML za pomocą CSS”treść" nieruchomość. Ta operacja pomaga dodać zawartość do wybranego elementu. Dodatkowo „„wyświetlacz„Własność można wykorzystać do ukrycia istniejącej treści.
Rzućmy okiem na poniższy przykład, aby zrozumieć, jak zmienić zawartość w CSS za pomocą :: po selektor.
Przykład
Oto nasza strona HTML z tekstem „Dzień dobry!!!". Zastąpmy dodaną zawartość:
Obecnie dodaliśmy „ Dzień dobry!!! W naszym pliku CSS użyjemy teraz :: po selektorze jako „Body :: po”I użyj„treść„Własność o wartości”Dobry wieczór„W swojej definicji. W rezultacie selektor CSS umieści tekst zaraz po pisanym tekście. Na koniec ukryj istniejący tekst za pomocą „wyświetlacz”Właściwość i ustaw wartość na„nic”: Teraz zapisz swój plik HTML i prosto otwórz go na przeglądarce lub użyj „Serwer na żywo”W tym samym celu: Jak widać, treść została pomyślnie zmieniona za pomocą :: po selektorze CSS: Metoda 2: Użyj :: Przed selektorem z właściwością treści, aby zmienić zawartość w CSS W CSS „::zanim„Selektor jest wykorzystywany do sprawienia, aby treść pojawiła się tuż przed istniejącą zawartością elementu. Można go używać w połączeniu z „treść„Właściwość, aby dodać nową zawartość do wybranego elementu. Przykład Podaj :: przed selektorem zaraz po ciele jako „Body :: przed". To umieści nową treść przed istniejącą treścią. Zauważ, że wszystkie pozostałe właściwości pozostają takie same jak w poprzednim przykładzie: Wyjście Wyjaśniliśmy różne metody zmiany zawartości w CSS. Wniosek Aby zmienić treść, „::Po" I "::zanim”Selektory CSS są używane z„treść" nieruchomość. W pierwszym podejściu określony tekst jest dodawany po wybranym elemencie, podczas gdy drugi selektor CSS działa odwrotnie. Co więcej, „wyświetlacz„Własność można wykorzystać do ukrycia istniejącej zawartości elementu. W ten sposób treść jest całkowicie zmieniana w CSS. Omówiliśmy dwie metody zmiany zawartości w CSS.