Shrnutí selektorů

V této lekci jsme se dozvěděli:

• Že CSS pravidla se skládají ze selektoru a deklarace, deklarace se dále skládá z vlastnosti a hodnoty.
• Že existují různé druhy selektorů:
  • Univerzální (*), který vybere všechny HTML prvky.
  • Typový, který vybere prvky určitého typu např. div.
  • Třídový, který vybere prvky určité třídy např. .skupina
  • Atributový, který vybere prvky s určitým atributem např. [src].
  • identifikační, který vybere prvky s určitým atributem id např. #nadpis.
• Že existují pseudo třídy, které aplikují styl při změně stavu např :hover při najetí myši.
• Že existuje specifičnost, která udává přednosti mezi selektory následovně id > třída > atribut > typ > *.
• Že můžeme selektory seskupit, tím že mezi ně vložíme , např h1, .skupina.
• Že můžeme selektory řetězit pro větší specificitu, tím že je napíšeme hned za sebe. Např. h1#nadpis.
• Že můžeme vybírat potomky pomocí vložení mezery mezi selektory. Např. ul li.

V další lekci pochopíme CSS box model, jehož pochopení je absolutní nezbytností při práci v CSS!