Selektory CSS

Selektory CSS
Wzór
*
E
EF
E>F
E+F
Znaczenie
Selektory elementów
Każdy element
Element E (element typu E)
Element F, który jest potomkiem elementu E
Element F, który jest dzieckiem elementu E
Element F bezpośrednio poprzedzany przez
element E
E~F
Element F poprzedzany przez element E
Selektory atrybutów
E[atr]
Element E z ustawionym atrybutem „atr”
E[atr=”wart”]
Element E, którego atrybut „atr” ma wartość
dokładnie „wart”
E[atr~=”wart”]
Element E, którego wartość atrybutu „atr”
jest listą oddzielonych spacjami wartości,
zaczynając się, a jedna z nich a dokładnie
wartość „wart”
E[Lang|=”en”]
Element E, którego atrybut „Lang” ma
rozdzieloną łącznikami listę wartości,
zaczynającą się (z lewej strony) od „en”
E[atr^=”wart”]
Element E, którego wartość atrybutu „atr”
rozpoczyna się dokładnie od „wart”
E[atr$=”wart”]
Element E, którego wartość atrybutu „atr”
kończy się dokładnie na „wart”
E[atr*=”wart”]
Element E, którego wartość atrybutu „atr”
zawiera „wart”
Selektory specjalne
DIV.wart
Tylko HTML; to samo co DIV[class~=”wart”]
E#ident
Element E z identyfikatorem ID równym
„ident”
Selektory pseuoelementów
P: first-line
Pierwsza linia akapitu P
P: first-letter
Pierwsza litera akapitu P
E: before
Treść przed zawartością elementu E
E: after
Treść po zawartości elementu E
Selektory pseudoklas
E: root
Element E, który jest korzeniem dokumentu
E: nth-child(n)
Element E, który jest odpowiednio: n-tym
E: nth-last-child(n) dzieckiem jego rodzica, n-tym dzieckiem
E: nth-of-type(n) licząc od końca, n-tym bratem typu E, n-tym
E: nth-last-ofbratem typu E licząc od końca
type(n)
E: first-child
Element E, który jest pierwszym dzieckiem
jego rodzica
E: last-child
Element E, który jest ostatnim dzieckiem
jego rodzica
Opis
Selektor uniwersalny
Selektor typu
Selektor potomka
Selektor dziecka
Selektor braci
Ogólny selektor braci
Prosty selektor atrybutu
Selektor atrybutu o określonej
wartości
Selektory atrybutu
zawierającego określony wyraz
Selektor atrybutu zawierającego
łączniki
Selektor atrybutu o wartości
rozpoczynającej się od…
Selektor atrybutu o wartości
kończącej się na…
Selektor atrybutu zawierającego
określony tekst
Klasy selektorów
Selektory identyfikatora
Pierwsza linia
Pierwsza litera
Przed …
Po …
Korzeń
Pseudoklasyk cykliczne
Pierwsze dzieckiem
Ostatnie dziecko
E: only-child
E: first-of-type
E: last-of-type
E: only-of-type
E: empty
E: link
E: visited
E: active
E: hover
E: focus
E: target
E: lang (c)
E: enabled
E: disabled
E: checked
E: not (s)
Autor:
Element E, który jest jedynym dzieckiem
jego rodzica
Element E, który jest odpowiednio:
pierwszym, ostatnim bądź jedynym bratem
typu E
Element E, który nie ma dzieci ani nie
zawiera tekstu
Element E, który jest kotwicą hiperlinku,
której cel jeszcze nie został odwiedzony lub
został już odwiedzony
Element E podczas pewnych akcji
użytkownika
Element E, który jest etykieta adresu
dokumentu
Element typu E, który jest napisany w języku
c
Element E, który jest odblokowany bądź
zablokowany
Element E, który jest zaznaczony
Element E, którego nie kojarzy prosty sektor
s
Magdalena Wiesner
[email protected]
www.porady-m-inf.cba.pl
Jedyne dziecko
Pseudoklasy typu
Pusty element
Odsyłacz podstawowy
Odsyłacz odwiedzony
Aktywacja
Wskazanie myszą
Zogniskowej
Etykieta
Atrybut języka
Blokada
Zaznaczenie
negacja