Selektor ID

Atribut id znáte z kurzu HTML. Dává prvku jedinečné jméno: na stránce nesmí mít dva prvky stejné id. Na naší stránce má id nadpis hlavní nadpis a id plemena prvek div se seznamem plemen.

Prvek podle jeho id vyberete selektorem, který začíná mřížkou #, za kterou následuje id:

#nadpis {
	color: purple;
}

Selektor s id vybere vždy jen jeden prvek. Kdy tedy použít id a kdy třídu? Pro stylování jsou většinou lepší třídy: třídu můžete použít znovu, takže stejné pravidlo nastyluje i nový prvek, jakmile mu třídu přidáte. Přesně to jste udělali s plemeny. Id se používá hlavně k označení jednoho konkrétního prvku, například jako cíl odkazu na část stránky (href="#plemena"). Pravidla s id mají navíc velkou přednost, a proto se těžko přepisují, jak uvidíte později v této lekci.