CSS3: nth-of-type () selektora
selektorów CSS Kompletna instrukcja referencyjna
Przykłady
Określić każdy element p pasuje do koloru tła tego samego typu w pierwszych dwóch braci rodzeństwa elementy:
{
background:#ff0000;
}
Spróbuj »
Definicja i Wykorzystanie
: Nth-of-type (n) selektora dla tego samego typu n-tym rodzeństwem rodzeństwa.
n może być liczbą, słowo kluczowe lub formułą.
Wskazówka: Patrz : nth-child () selektora.Selektor pasuje do elementu nadrzędnego n-tego elementu. At The Look : nth-child () .
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
选择器 | |||||
---|---|---|---|---|---|
:nth-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Więcej przykładów
Przykład 1
Nieparzyste, a nawet mogą być używane jako słowo kluczowe, który pasuje do podelementu jest używany, jego indeks jest parzysty, czy nieparzysty (indeks pierwszego dziecka wynosi 1).
Tutaj możemy określić dwa różne kolory tła dla parzystych i nieparzystych p elementów:
{
background: # ff0000;
}
p: nth-of-type (parzyste)
{
background: # 0000FF;
}
Spróbuj »
Przykład 2
Stosując wzór (an + b) Opis: rozmiar przedstawiciel cyklu, N jest licznik (zaczynając od 0) i B jest offset.
Tu wszystkie indeksy są wielokrotnością trzech elementu p Określa kolor tła:
{
background: # ff0000;
}
Spróbuj »