Selektory
Selektor určuje pro které prvky, nebo skupinu prvků bude dané pravidlo platit. Máme tyto druhy selektorů:
- všechny prvky
- všechny prvky daného druhu
- identifikátor
- třída
- podmíněný selektor
- pseudoelement
- pseudotřída
Všechny prvky
Určuje pravidlo úplně pro všechny prvky. Má nejnižší prioritu (je tedy přepsán jakýmkoliv jiným selektorem). Značí se *
Všechny prvky daného druhu
Určuje pravidlo pro prvky jen jednoho druhu. Např. p, h1, div. Jako značka se používá přímo daný prvek. Pokud chceme vytvořit pravidlo pro více prvků, oddělíme je čárkou.
Identifikátor
Určuje pravidlo jen pro jeden prvek označený daným identifikátorem. Značí se #
Třída
Určuje pravidlo pro prvky zařazené v dané třídě. Značí se .
Podmíněný selektor
- selektor následníka - platí pro všechny prvky A vložené v prvku B. B A{vlastnost:hodnota}
- selektor potomka - platí pro všechny prvky A vložené v orvku B pouze o jednu úroveň níž. B>A{vlastnost:hodnota}
Pseudoelement
Je to speciální element, který se vloží již k existujícímu selektoru a bude platit jen pro určitý stav.
- :first-line - První řádek
- :first-letter - První písmeno
Pseudotřída
Je to speciální element, který se vloží již k existujcímu selektoru a je aktivován nějkou akcí. Narozdíl od pseudoelementu platí pro celý prvek.
- :hover - najetí kurzoru myši na prvek
- :visited - již navštívený odkaz
- :link - dosud nenavštívený odkaz
Všechny selektory mohou obsahovat více vlastností. Tyto vlastnosti se poté oddělují středníkem.
