Univerzální selektor v CSS

Univerzální selektor * umožňuje vybrat všechny elementy.

Syntaxe

css* {
  
}

Příklad

Pojďme vybrat všechny elementy a obarvit je červeně:

css* {
  color: red;
}

Příklad

Pojďme vybrat všechny elementy, které se nacházejí uvnitř tagu div, a obarvit je červeně:

cssdiv * {
  color: red;
}

Příklad

Pojďme vybrat všechny elementy, které se přímo nacházejí uvnitř tagu div, a obarvit je červeně:

cssdiv > * {
  color: red;
}

Příklad

Pojďme vybrat všechny elementy, které se nacházejí uvnitř tagu span, který se nachází uvnitř libovolného tagu, který se zase nachází uvnitř tagu div:

cssdiv * span {
  color: red;
}

Viz také