Css id і class
Селектори id і class
селектор id
Селектор id використовується для визначення стилю єдиного, унікального елемента сторінки.
Селектор id використовує атрибут id HTML-елемента і визначається знаком "#".
Стильове правило в прикладі нижче буде застосовано до елементу з id = "para1":
До цього параграфу буде застосований стиль id para1, тобто текст параграфа буде вирівняний по центру і буде пофарбований в червоний колір.
Порада. назва id не повинно починатися з цифри, тому що такий id не працюватиме в firefox.
селектор class
Селектор class використовується для визначення стилю груп елементів. На відміну від селектора id, селектор class зазвичай використовують для форматування декількох елементів.
Це дозволяє вам задавати однаковий стиль для будь-якого html-елемента з однаковим класом.
Селектор class використовує атрибут HTML class і визначається знаком "."
У прикладі нижче, текст всіх html-елементів з class = "center" буде вирівняний по центру:
Текст цього заголовка буде вирівняний по центру
Текст цього параграфа також буде вирівняний по центру.
Ви можете вказати, що стиль класу повинен застосовуватися тільки до одного елементу HTML.
У прикладі нижче, текст всіх елементів p (параграф) з class = "center" буде вирівняний по центру:
Порада. назва класу не повинно починатися з цифри, так як такі назви підтримуються тільки в Internet Explorer.