Univerzálny selektor v CSS

Univerzálny selektor * umožňuje vybrať všetky elementy.

Syntax

css* {
  
}

Príklad

Vyberme všetky elementy a nastavme im červenú farbu textu:

css* {
  color: red;
}

Príklad

Vyberme všetky elementy, ktoré sa nachádzajú vo vnútri elementu div a nastavme im červenú farbu textu:

cssdiv * {
  color: red;
}

Príklad

Vyberme všetky elementy, ktoré sú priamymi deťmi elementu div a nastavme im červenú farbu textu:

cssdiv > * {
  color: red;
}

Príklad

Vyberme všetky elementy, ktoré sa nachádzajú vo vnútri elementu span, ktorý sa nachádza vo vnútri akéhokoľvek elementu, ktorý sa nachádza vo vnútri elementu div:

cssdiv * span {
  color: red;
}

Pozri tiež