Przejdź do treści

Co drugie dziecko CSS? - Kurs HTML i CSS

Co drugie dziecko CSS?

Aby wybrać co drugie dziecko dowolnego elementu HTML za pomocą CSS, możemy użyć selektora :nth-child(2n). Na przykład, jeśli mamy listę <ul> z elementami <li>, to selektor ul > li:nth-child(2n) zastosowany do niej wybierze wszystkie elementy <li>, które są na pozycjach parzystych.

Zobacz więcej...

  • CSS
    Selektory pseudoklas / Ostatnie dziecko :last-child

    ...dowolnego innego elementu - o jeden rząd niżej w hierarchii drzewa dokumentu. Rodzaj znacznika rodzica nie ma w tym przypadku znaczenia. Natomiast drugie polecenie pozwala dodatkowo określić nazwę znacznika rodzica. Przykład :last-child Po wpisaniu w arkuszu stylów: b:last-child { color: red } a w dowolnym miejscu strony: <p>To jest akapit, wewnątrz którego znajduje się <b>pierwsze pogrubienie (nie powinno być czerwone)</b> oraz <b>drugie pogrubienie (powinno być czerwone)</b>.</p> na...

  • CSS
    Selektory pseudoklas / Jedyne dziecko :only-child

    ...akapit ma tylko jedno dziecko. Dla porównania to jest akapit, wewnątrz którego znajduje się pierwsze pogrubienie (nie powinno być czerwone) oraz drugie pogrubienie (również nie powinno być czerwone). Ten akapit ma więcej niż jedno dziecko.

  • CSS
    Selektory pseudoklas / Pierwsze dziecko :first-child

    ...dowolnego innego elementu - o jeden rząd niżej w hierarchii drzewa dokumentu. Rodzaj znacznika rodzica nie ma w tym przypadku znaczenia. Natomiast drugie polecenie pozwala dodatkowo określić nazwę znacznika rodzica. Przykład :first-child Po wpisaniu w arkuszu stylów: b:first-child { color: red } a w dowolnym miejscu strony: <p>To jest akapit, wewnątrz którego znajduje się <b>pierwsze pogrubienie (powinno być czerwone)</b> oraz <b>drugie pogrubienie (nie powinno być czerwone)</b>.</p> na...

  • CSS
    Selektory pseudoklas / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type

    ...w których kolejne nieparzyste wiersze są pokolorowane w odmienny sposób niż parzyste. Taki rodzaj formatowania można oczywiście uzyskać dodając co drugiemu wierszowi odpowiednią klasę. Gdy jednak wierszy jest sporo, zaczyna to być niewygodne. A co jeśli jutro zażyczymy sobie inny sposób kolorowania wierszy tej tabeli - w cyklu co trzy, a nie co dwa elementy? Dzięki przedstawionym tutaj selektorom można to uzyskać bez najmniejszego trudu. Cykl Aby wyznaczyć przebieg cyklu, musimy najpierw...

★★★★★ 5/5 (209)

Facebook