Pseudo-klasa: first-child w CSS służy do wyboru pierwszego elementu w kontenerze. W tym przypadku szczególny typ elementu nie jest brany pod uwagę, wartość ma tylko swoją pozycję względem rodziców. Istnieją pewne subtelności w pracy tego selektora, które należy rozumieć pod kątem właściwego użycia.

Pseudoklasy CSS

Wraz z identyfikatorami, klasami, znacznikami i atrybutami pseudoklasy są jednym z typów selektorów CSS. Ich funkcja polega na tym, że nie można ich zainstalować bezpośrednio w HTML.


Przykładami pseudoklasów są "pierwszy wiersz w pojemniku", "pierwsza litera słowa", "pierwszy element potomny od rodziców". Przeglądarka może wykryć takie elementy dopiero po przeanalizowaniu strony i utworzeniu drzewa DOM, aw niektórych przypadkach dopiero po odtworzeniu. Obecność w CSS takiego mechanizmu pozwala na określenie projektu, nie związanego z kodem HTML, co otwiera ogromne możliwości projektowania.

Wybór pierwszego elementu

Pseudo klasa: first-child w CSS jest odpowiedzialna za wybranie pierwszego elementu w kontenerze nadrzędnym. W tym samym czasie węzły tekstowe są ignorowane, do konta dodawane są tylko pełne znaczniki. Pierwsze elementy znajdują się w dwóch prostych strukturach HTML.

Istnieją tylkodwa sposobydo życia.Pierwsząjest to, że cuda nie istnieją.Drugijest tak, jakby wokół było trochę cudów. Albert Einstein

W wyniku tego wybrana zostanie pierwsza pozycja na liście i znacznik, który definiuje pogrubioną czcionkę.

Pierwszy akapit

Składnia

WszystkiePseudoklasy CSS są określane przez określony szablon. Najpierw jest określony główny selektor, a następnie wyszukiwana jest pseudoklasa oddzielona dwukropkiem.

b: first-child {
 dekoracja tekstowa: podkreślenie; 
}

Ta reguła podkreśla tekst pierwszego elementu b wewnątrz każdego kontenera.

Każdy chce zmienićświat , ale nikt nie chce się zmienićsam . 
Lew Tołstoj

 


Kto wie,robi , kto nie może -uczy innych . 
Bernard Shaw