Использовать атрибут id для стилизации элемента

Use an id Attribute to Style an Element

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

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


Попробуйте своей форме, которая теперь имеет атрибут id=cat-photo-form, задать зеленый фон.