CSS. Идентификация элементов.

     Для идентификации элемента используется атрибут id. В отличие от группирования ( свойство class ), каждый id должен быть уникальным , т.е. не более одного элемента с определённым id. В остальном, использование атрибута схоже со свойством class. Поэтому, его использование мы рассмотрим на том же примере. Также, как и в группировании, прописываются селекторам example1 и example2 нужные нам значения: #example1 {color:#CC0000} и #example2 {color:#008000}, где знак  # перед селекторами- обязателен. Далее присваиваем атрибуту id нужный нам селектор: id="example1" и id="example2" , в нашем случае, в заголовке h3.

Пример:

<html>
  <head>
    <title>Пример</title>
    <style type="text/css">
      #example1 {color:#CC0000}
      #example2 {color:#008000}
    </style>
  </head>
  <body>
   <h3 id="example1"> Заголовок красного цвета.</h3>
   <p>Наш текст</p>
   <h3 id="example2"> Заголовок зеленого цвета.</h3>
   <p>Наш текст</p>
</body>
</html>

 

Результат: (открыть в браузере)


 

 
Загрузка...