В дополнение к установке стиля для HTML элемента, CSS позволяет вам указывать
ваши собственные селекторы, называемые "id" и "class".
Селектор id
Селектор id используется, чтобы указать стиль одному, уникальному элементу.
Селектор id использует атрибут id элемента HTML, и определяется с помощью знака
"#".
Стилевое оформление ниже будет применено к элементу с id="para1":
Пример
#para1
{
text-align:center;
color:red;
}
Попробуйте сами » Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает
НЕ начинайте имя ID с числа! Это не будет работать в браузере Mozilla/Firefox.
Селектор class
Селектор class используется, чтобы указать стиль для группы элементов. В отличие от селектора id
, селектор class чаще всего используется на нескольких элементах.
Это позволяет вам установить специфический стиль для многих HTML элементов с одним и тем же классом.
Селектор class использует HTML атрибут class
, и определяется с помощью "."
В примере ниже
все HTML элементы с классом class="center" будет выравниваться по центру:
Пример
.center
Попробуйте сами » Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает
Вы можете также указать только конкретные HTML элементы, которые будут подвержены воздействию класса.
В примере ниже
, все элементы p с class="center" будут выровнены по центру:
Пример
p.center
Попробуйте сами » Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает
НЕ начинайте имя класса с числа! Это поддерживается только в браузере Internet Explorer.
НЕ начинайте имя ID с числа! Это не будет работать в браузере Mozilla/Firefox.