Jak nie wybrać pierwszego dziecka w CSS

W aplikacjach internetowych selektory są używane do stylizacji określonych elementów HTML za pośrednictwem CSS. Na przykład, gdy masz dużo treści na swojej stronie i konieczne jest wybranie kilku elementów, powinieneś wybrać selektory CSS. W CSS różnorodne selektory pomogą wybrać konkretny element z grupy elementów.

W tym artykule omówimy, jak nie wybrać pierwszego dziecka w CSS.

Jak nie wybrać pierwszego dziecka w CSS?

W CSS, aby nie wybrać pierwszego dziecka, możesz użyć podanych selektorów:

• : nie (: pierwszy dziecko)
• : nie (: n -th-typ (1))
• : nie (: pierwszy w miejscu)

Więc zacznijmy!

Metoda 1: Użyj: nie (: pierwsz dziecko), aby nie wybrać pierwszego dziecka

„„: nie (: pierwszy dziecko)”Selektor określa regułę, która nie wybiera pierwszego dziecka znacznika nadrzędnego. Ten selektor pomoże nam wykluczyć stosowane styl CSS dla pierwszego elementu.

Weźmy prosty przykład i dowiedz się, w jaki sposób możemy zastosować selektor, aby nie wybierać pierwszego dziecka.

Przykład

Oto trzy teksty kotwicy na naszej stronie o zielonym kolorze. Wykluczmy zielony kolor tylko dla pierwszego elementu tekstowego:

Określiliśmy znacznik kotwicy „" w "<ciało> ”Twojego pliku HTML:

Mój pierwszy link

Mój drugi link

Mój trzeci link

Następnie użyj znacznika nadrzędnego, który jest „ciało”A tag dziecięcy„ to ”A" wraz z ":nie (: pierwsza dziecko))„Selektor w arkuszu stylów. Następnie dodaj CSS "kolor„Własność o wartości”zielony”; Kolor zostanie zastosowany na wszystkich elementach oprócz pierwszego dziecka:

Teraz zapisz dodany kod i otwórz go w przeglądarce po prostu lub za pomocą serwera na żywo:

Jak widać, zastosowaliśmy kolor tylko do wszystkich elementów oprócz pierwszego:

Metoda 2: Użyj: nie (: n -th-typ (1)), aby nie wybierać pierwszego dziecka

„„nie (: nth-typ ())”Selektor pozwala wybrać jeden lub więcej niż jeden element w sekwencji. Jeśli zastosowano tylko (: n -th typu (1)), selektor wybierze pierwsze dziecko; Jednak kiedy: nie zostanie przed nim umieszczone, pierwsze dziecko zostanie wykluczone.

Wyjaśnijmy: nie (: n-tym typu (1)) koncepcja przy użyciu poniższego przykładu.

Przykład

Tutaj ustawimy „nie (: n-tym typu (1))„Selektor, gdzie”1”Oznacza, że ​​pierwsze dziecko zostanie wykluczone. Następnie przypisz „kolor„Własność Wartość„Pomarańczowy”:

Wyjście

Metoda 3: Użyj: nie (: pierwszy w swoim rodzaju), aby nie wybierać pierwszego dziecka

Selektor (:: pierwszy w rodzaju) będzie pasował do pierwszego wystąpienia elementu i: nie jest dodawany za nim jako „: nie (: pierwszy w miejscu)„Aby pominąć pierwsze zdarzenie.

Przykład

W tym przykładzie „: nie (: pierwszy w miejscu)„Zostanie zastosowany selektor, aby wykluczyć pierwsze dziecko swojego rodzica. Następnie ustaw wartość „niebieski" dla "kolor" nieruchomość:

Dostaliśmy wskazówki, jak nie wybrać pierwszego dziecka pomyślnie.

Wniosek

Aby nie wybrać pierwszego dziecka, użyj „: nie (: pierwszy dziecko)”,„:nie (: n-tym typu (1))" Lub ":nie (: pierwszy w miejscu)”Selektory. Bez użycia: nie, selektorzy wybiorą tylko pierwsze dziecko i pominą inne. Jednak kiedy: nie zostanie umieszczone przed tymi selektorami, będzie ono zobowiązane do pominięcia tylko pierwszego dziecka swojego rodzica. W tym artykule omówiliśmy trzy wydajne metody nie wyboru pierwszego dziecka w CSS.