Одной из замечательных особенностей атрибутов id
является то, что, подобно классам, вы можете их использовать в качестве селекторов для оформления спомощью CSS. Однако id
не может использоваться повторно и должен применяться только к одному элементу (Технически может, то есть вы можете создать несколько элементов с одним и тем же id
, но настоятельно рекомендуется не допускать этого и следить, чтобы id
всегда были уникальными). id
также имеет более высокую специфичность (важность), чем класс, поэтому, если оба CSS-правила применяются к одному и тому же элементу и имеют конфликтующие стили, применяются стили id
. Вот пример того, как вы можете взять свой элемент с атрибутом id=cat-photo-element
и присвоить ему зеленый цвет фона. В вашем элементе style
:
#cat-photo-element {
background-color: green;
}
Обратите внимание, что внутри вашего элемента style
вы всегда ссылаетесь на классы, помещая .
(точку) перед их именами, а перед именами идентификаторов вы указываете #
.Попробуйте своей форме, которая теперь имеет атрибут id=cat-photo-form
, задать зеленый фон.