Селекторы идентификаторов CSS

Селекторы идентификаторов

Селекторы идентификаторов CSS выбирают любой элемент на HTML-странице, если у него есть атрибут называется id, значение которого совпадает с именем селектора id .

В документе таблицы стилей имени селектора идентификаторов предшествует « # «.

Если селектор идентификатора объединен с другим или несколькими селекторами, селекторам идентификаторов должен предшествовать знак #.

Идентификаторы могут применяться только один раз на странице HTML.

 #idname {CSS-Property: value;  ........................} 

Простой пример селекторов идентификаторов CSS

Код CSS:

  # w3r {color: red; /* устанавливает красный цвет */background-color: aliceblue; /* устанавливает цвет фона на aliceblue */}  

s

HTML code:

        Простой пример селекторов идентификаторов CSS     

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Сделано элитная урна.

Результат:

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Donec a urna elit.

Просмотрите этот простой пример селектора идентификатора CSS в отдельном окне браузера.

Расширенный пример селекторов идентификаторов CSS

Код CSS:

  p # w3r {цвет: красный; /* устанавливает красный цвет */background-color: aliceblue; /* устанавливает цвет фона на aliceblue */} h2 # w3r {color: blue; /* устанавливает синий цвет */background-color: lime; /* устанавливает цвет фона на салатовый */}  

HTML code:

       Расширенный пример селекторов идентификаторов CSS     

Примеры CSS

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Donec a urna elit.

Примеры CSS:

Lorem ipsum dolor sit amet, conctetur adipiscing elit. Донецкая урна элит.

Просмотрите этот расширенный пример селектора идентификатора CSS в отдельном окне браузера.

Оцените статью
nanomode.ru
Добавить комментарий