Latest web development tutorials

CSS id i class selektorów

id i klasy selektorów

Jeśli chcesz ustawić style CSS w elementach HTML, trzeba ustawić "id" i "class" element wyboru.


Selektor id

Selektor ID może być oznaczony z określonym identyfikatorem elementu HTML określa szczególny rodzaj.

elementy HTML z identyfikatorem zestawu atrybutów selektorów identyfikatora, selektor identyfikatora CSS do "#" jest zdefiniowany.

Następujące zasady mają zastosowanie do elementu stylu Atrybut id = "para1":

Przykłady

#para1
{
text-align:center;
color:red;
}

Spróbuj »

uwaga Atrybuty ID nie zaczynają się od numeru, numer identyfikacyjny na początku nie działa w przeglądarce Mozilla / Firefox.


selektor klasy

selektor klasy styl jest używany do opisania grupy elementów, selektor klasy przeciwieństwie selektor identyfikatora klasy mogą być używane w więcej niż jednym elemencie.

selektor klasy w atrybucie class HTML, aby wskazać, selektor klasy CSS do numeru punktu wyświetlanego "".:

W poniższych przykładach, wszystkie posiadają centrum podobne elementy HTML są wycentrowane.

Przykłady

.center {text-align:center;}

Spróbuj »

Można również określić konkretny element HTML wykorzystuje klasę.

W poniższych przykładach, wszystkie elementu p korzysta class = "center", tak, że tekst elementu centrum:

Przykłady

p.center {text-align:center;}

Spróbuj »

uwaga Nazwa klasy pierwszy znak nie może wykorzystywać cyfrowe! To nie może pracować z Mozilla lub Firefox.