Výuka css

Porozumění CSS identifikátorům

CSS identifikátory (ID) se používají k jednoznačnému identifikování prvků v dokumentu HTML pro účely stylizace. Každý identifikátor musí být unikátní v rámci celého dokumentu.

Co je to CSS identifikátor?

CSS identifikátor je jedinečné označení, které se používá k cílení a aplikaci stylů na konkrétní prvky HTML. Identifikátory jsou definovány v souboru CSS pomocí hash (#) následované názvem identifikátoru. Styly pro identifikátory jsou uzavřeny v složených závorkách {}. Zde je příklad:

#main-heading {
    color: blue;
    font-size: 20px;
}

Výše uvedený příklad definuje identifikátor #main-heading s barvou textu a velikostí písma. Tento identifikátor můžeme použít k aplikaci stylů na konkrétní nadpis v HTML dokumentu následujícím způsobem:

<h1 id="main-heading">Toto je nadpis s identifikátorem main-heading.</h1>

V důsledku toho bude tento nadpis mít modrou barvu textu a velikost písma 20 pixelů, jak je definováno ve stylování pomocí identifikátoru CSS.

Toto je nadpis s identifikátorem main-heading.