CSS selektory
.class
.mojetrida
Vybere všechny elementy s class="mojetrida"
.class1.class2
.mojetrida1.mojetrida2
Vybere všechny elementy s class="mojetrida1 mojetrida2"
.class1 .class2
.mojetrida1 .mojetrida2
Vybere element s class="mojetrida2", který je uvnitř elementu s class="mojetrida1"
#id
#mojeid
Vybere element s id="mojeid"
*
*
Vybere všechny elementy
element
h1
Vybere všechny <h1> elementy
element.class
h1.trida
Vybere všechny <h1> elementy s class="trida"
element, element
h1, p
Vybere všechny <h1> elementy a všechny <p> elementy
element element
div p
Vybere všechny <p> elementy, které jsou uvnitř tagu <div>
element > element
div > p
Vybere všechny <p> elementy u kterého je tag <div> rodičovský tag
[attribute]
[src]
Vybere všechny elementy s atributem src
[attribute=value]
[target=_blank]
Vybere všechny elementy s target="_blank"
[attribute*=value]
a[href*="text"]
Vybere všechny <a> elementy u kterých se v atributu href vyskytuje někde hodnota "text"
::after
p::after
Vloží něco za obsah každého <p> elementu
::before
p::before
Vloží něco před obsah každého <p> elementu
:hover
p:hover
Po najetí na <p> element se něco provede
:nth-child(n)
p:nth-child(odd)
Pro každý lichý <p> element se něco provede
:nth-child(n)
p:nth-child(even)
Pro každý sudý <p> element se něco provede