CSS:: przed zawartością zaznaczenia wstawia się przed wybranym elementem. CSS: po zawartości wstawek po określonym elemencie. Te selektory są powszechnie używane do dodawania tekstu przed lub po akapicie lub łączu.
Podczas projektowania witryny internetowej możesz dodać treść przed lub po treści na stronie. element. Na przykład możesz dodać obraz przed każdym punktorem na liście.
Tutaj:: przed i po:: pojawiają się elementy pseudo-CSS. Te pseudoelementy umożliwiają wstawianie treści przed lub po zawartości elementu.
W tym samouczku omówimy, odwołując się do przykładów, jak używać pseudoelementów:: before i after:: do dekorowania zawartości strony internetowej. Zanim skończysz czytać ten samouczek, będziesz ekspertem w używaniu pseudoelementów: przed i po: w CSS.
Pseudoelementy CSS
Pseudo-elementy element to specjalne słowo kluczowe, które umożliwia stylizowanie określonej części elementów wybranych przez selektor CSS. W tym artykule pseudoelementy będziemy nazywać selektorami, ponieważ każdy pseudoelement jest selektorem
Pseudoelementy są przydatne, gdy chcesz nadać styl elementowi bez dodawania CSS lub identyfikator klas do elementu. Na przykład, jeśli chcesz dodać strzałkę „>” po każdym linku na stronie internetowej, możesz użyć pseudoelementu.
CSS oferuje szeroką gamę pseudoelementów. W szczególności:: pierwszy wiersz,:: pierwsza litera,:: przed i po::. Na potrzeby tego samouczka skupimy się na dwóch ostatnich::::: przed i po.
Pseudoelementy są zazwyczaj reprezentowane za pomocą dwukropków (::). Chociaż CSS3 obsługuje użycie składni z pojedynczą kropką (:) do deklarowania pseudoelementu, najlepszą praktyką jest użycie notacji dwukropkowej