Selektor identyfikatora odszukuje element HTML, który posiada atrybut id o podanej przez nas wartości.
Selektor identyfikatora tworzymy za pomocą znaku # (kratka/hash), po którym należy umieścić wartość atrybutu id interesującego nas elementu HTML, dzięki czemu selektor identyfikatora może dokonać selekcji.
Informacje techniczne o selektorze identyfikatora
ograniczenie - elementy HTML
brak
ograniczenie - właściwości CSS
brak
Przykładowa reguła CSS, selektor identyfikatora
Wyjaśnienie przykładowej reguły CSS
#
do elementu HTML, który posiada atrybut id
lipiec
o wartości lipiec
color
dodaj właściwość CSS, która zmieni kolor tekstu elementu HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Kurs CSS</title>
<style>
#lipiec {
color:red;
}
</style>
</head>
<body>
<div id="lipiec">
tekst znajdujący się w zawartości tego elementu "div" jest koloru czerwonego, ponieważ ten element HTML posiada atrybut "id" o wartości "lipiec"
</div>
<p>
tekst znajdujący się w zawartości tego elementu "p" nie jest koloru czerwonego, ponieważ ten element HTML nie posiada atrybutu "id" o wartości "lipiec"
</p>
<p class="lipiec">
tekst znajdujący się w zawartości tego elementu "p" nie jest koloru czerwonego, ponieważ ten element HTML nie posiada atrybutu "id" o wartości "lipiec", lecz posiada atrybut "class" o wartości "lipiec"
</p>
<div id="czerwiec">
tekst znajdujący się w zawartości tego elementu "div" nie jest koloru czerwonego, ponieważ wartością atrybutu "id" tego elementu HTML jest wartość "czerwiec", a nie wartość "lipiec"
</div>
</body>
</html>
