Selektor ID w CSS

Selektor ID służy do nadawania stylów konkretnemu elementowi HTML oznaczonemu atrybutem id. W CSS zapisuje się go za pomocą znaku # przed nazwą identyfikatora.

Przykład HTML

<div id="pierwszy">Blok pierwszy</div>

Przykład CSS

#pierwszy {
  width: 30%;
  float: left;
}

Powyższy kod oznacza, że style zostaną zastosowane tylko do elementu mającego id="pierwszy".

Ważne zasady

• W jednym dokumencie HTML dana wartość id powinna wystąpić tylko raz.
• Selektor ID ma wysoką szczegółowość, czyli zwykle ma pierwszeństwo przed selektorami elementów i klas.
• W CSS selektor ID zapisuje się jako #nazwa, np. #menu, #stopka, #pierwszy.

Zastosowanie w układzie strony

Selektory ID często pojawiają się w zadaniach egzaminacyjnych przy opisie konkretnych bloków strony, np. #pierwszy, #drugi, #trzeci. Dzięki nim można osobno ustawić szerokość, opływanie float, marginesy albo czyszczenie opływania clear dla każdego bloku.