id и селектори на класове

В допълнение към задаването на стила за HTML елемент, CSS ви позволява да посочите свои собствени селектори, наречени "id" и "class".

id селектор

Селекторът на id се използва за стилизиране на единичен уникален елемент.

Селекторът на id използва атрибута id на HTML елемента и се дефинира със знака "#".

Стилът по-долу ще бъде приложен към елемента с:

#para1 < подравняване на текст: център; цвят: червен; >

Опитайте сами »Щракнете върху бутона „Опитайте сами“, за да видите как работи

НЕзапочвайте ID името с число! Това няма да работи в браузъра Mozilla/Firefox.

селектор на клас

Селекторът на клас се използва за указване на стил за група от елементи. За разлика от селектора на id, селекторът на клас се използва най-често върху множество елементи.

Това ви позволява да зададете специфичен стил за много HTML елементи от един и същи клас.

Селекторът на клас използва атрибута HTML class и се дефинира с "."

В примера по-долу всички HTML елементи с клас ще бъдат центрирани:

.център

Опитайте сами »Щракнете върху бутона „Опитайте сами“, за да видите как работи

Можете също така да посочите само конкретни HTML елементи, които да бъдат засегнати от класа.

В примера по-долу всички p s елементи ще бъдат центрирани:

p.center

Опитайте сами »Щракнете върху бутона „Опитайте сами“, за да видите как работи

НЕзапочвайте името на класа с число! Това се поддържа само в браузъра Internet Explorer.