selektory CSS
selektorów CSS służą do wybierania elementów chcesz styl wzorca.
"CSS" kolumna wskazuje, w którym zdefiniowane właściwości CSS (CSS1 CSS2 lub CSS3).
| selektor | przykład | Przykład pokazuje | CSS |
|---|---|---|---|
| . Klasa | .intro | Zaznacz wszystkie class = "intro" elementem | 1 |
| # id | #firstname | Zaznacz wszystkie id = "Imię" elementy | 1 |
| * | * | Zaznacz wszystkie elementy | 2 |
| element | p | Wybierz wszystkie elementy <P> | 1 |
| Element, element | div,p | Zaznacz cały element <div> i <p> elementu | 1 |
| Element Element | div p | Wybierz <div> wszystkie <p> elementy w elemencie | 1 |
| Element> Element | div>p | Zaznacz wszystko rodzica jest element <div> elementu <p> | 2 |
| ElementElement+ | div+p | Wybierz element, <p>, po którym wszystkie elementy <div> po | 2 |
| [Atrybut] | [target] | Zaznacz wszystkie elementy z atrybutem docelowej | 2 |
| [Atrybut = wartość] | [target=-blank] | Zaznacz wszystkie wykorzystanie elementu docelowego = - "puste" z | 2 |
| [Atrybut ~ = wartość] | [title~=flower] | Wybierz wszystkie elementy atrybutu tytuł zawiera słowo "kwiat" z | 2 |
| [Atrybut | = język] | [lang|=en] | Zaznacz wszystkie elementy Lang wartość atrybutu start = "PL" z | 2 |
| : link | a:link | Zaznacz wszystkie linki nieodwiedzonych | 1 |
| : visited | a:visited | Zaznacz wszystkie odwiedzonych linków | 1 |
| : aktywny | a:active | Wybierz aktywny link | 1 |
| : hover | a:hover | Po wybraniu myszką na link powyżej | 1 |
| koncentrująca | input:focus | Wybierz element wejściowy ma ostrość | 2 |
| : First-letter | p:first-letter | Wybierz pierwszą literę każdego <P> Element | 1 |
| : First-line | p:first-line | Wybierz każdy <p> pierwszy element liniowy | 1 |
| : First-child | p:first-child | Określony tylko wtedy <p> Element jest pierwszym dzieckiem swojego stylu macierzystego. | 2 |
| : przed | p:before | Wstaw zawartość przed każdym elemencie <p> | 2 |
| : po | p:after | Wstaw zawartość po każdym <p> Element | 2 |
| : Lang (język) | p:lang(it) | Wybierz atrybut lang rozpocząć wartość = "to" wszystkie elementy <P> | 2 |
| element1 ~ element2 | p ~ ul | Każdy element wyboru p ul po elemencie | 3 |
| [Atrybut ^ = wartość] | A [src ^ = "https"] | Zaznacz każdą wartość atrybutu src na "https" na początku elementu | 3 |
| [Atrybut $ = wartość] | A [src = $ ". pdf"] | Zaznacz każdą wartość atrybutu src na ".pdf" na końcu elementu | 3 |
| [Atrybut * = wartość] | A [* src = "w3big"] | Wybierz każdy src elementu wartość atrybutu zawierający podłańcuch "w3big" z | 3 |
| : First-of-type | p: first-of-type | Wybierz każdy element P P jest pierwszym elementem jego rodzica | 3 |
| : Last-of-type | p: last-of-type | Wybierz każdy element P jest ostatnim elementem jego matka P | 3 |
| Only-of-type | P: only-of-type | Wybierz każdy element P jest jedynym elementem jego matka P | 3 |
| Only-child | P: only-child | Wybierz każdy element P jest jedynym elementem dzieckiem swojego rodzica | 3 |
| : Nth-child (n) | p: nth-child (2) | Wybierz każdy element p jest drugim dzieckiem swojego rodzica | 3 |
| : Nth-last-child (n ) | p: nth-last-child (2) | Wybierz każdy element p jest drugim dzieckiem swojego rodzica, licząc od ostatniego dziecka | 3 |
| : Nth-of-type (n ) | p: nth-of-type (2) | Wybierz każdy element p jest drugim elementem p swojego rodzica | 3 |
| : Nth-last-of-type (n) | p: nth-last-of-type (2) | Wybierz każdy element p jest drugim elementem p swojego rodzica, licząc od ostatniego dziecka | 3 |
| : Last-child | p: last-child | Wybierz każdy element P jest ostatnim dzieckiem swojego rodzica. | 3 |
| : root | : root | Wybierz element główny dokumentu | 3 |
| : pusta | P: pusta | Wybierz każdego elementu p nie ma dzieci (w tym węzły tekstowe) | 3 |
| : target | #news: target | Wybierz aktualnie aktywny element #news (łącznie z adresem URL anchor name klikalny) | 3 |
| : włączone | Wejście: włączone | Wybierz każdy element wejściowy włączony | 3 |
| : wyłączone | Wejście: wyłączone | Wybór każdego elementu wejście nieaktywne | 3 |
| : zaznaczone | Wejście: zaznaczone | Wybierz każdy zaznaczony element wejściowy | 3 |
| : Nie (wybór) | : Nie (p) | Wybierz każdy element nie elementy p | 3 |
| :: wybór | :: Wybór | Element jest zaznaczony lub podświetlony w stanie częściowego meczu użytkownika | 3 |
| : Poza zasięgiem | : Poza zasięgiem | Element wejściowy pasująca wartość spoza podanego zakresu | 3 |
| W zasięgu | W zasięgu | Dopasowane elementu wejściowego wartość w określonym zakresie z | 3 |
| : Read-write | : Tylko do odczytu | Stosowany w celu dopasowania elementu do odczytu i zapisu | 3 |
| : Read-only | : Tylko do odczytu | Dla dopasowania zestawu "tylko do odczytu" (read-only) elementu atrybutu | 3 |
| : opcjonalnie | Opcjonalnie: | Dla dopasowania opcjonalny element wejściowy | 3 |
| : wymagane | Wymagany | Skonfigurowany do dopasowania elementów "wymagane" własność | 3 |
| : ważna | : Ważny | Pozwala dopasować wartość wejściowa jest uzasadnionym elementem | 3 |
| : nieprawidłowy | : Nieprawidłowy | Niedozwolona wartość meczów elementem wejściowym | 3 |