Селектор идентификатора.
Мы дошли до селектора идентификатора - зачем вообще нужен и как используется селектор идентификатора.
И как обозначается код идентификатора в коде!?
Как обозначается селектор идентификатора!?
Селектор идентификатора обозначается в коде как атрибут:
А в стилях идентификатор обозначится решеткой «#» и это будет выглядеть таким образом:
свойства: значения;
}
Чем отличается идентификатор от класса!?
На самом деле –это тот вопрос, который у меня возник, когда я только начал изучать css, зачем придумывать еще один элемент, если уже придумали классы!?Если смотреть беглым взглядом, с нулевыми знаниями – то покажется, что действительно – между идентификаторам(id(#)) и классом(class(.)) – нет никакой разницы, но на самом деле она есть!
Как в фильме – видишь ложку! – Нет! - А она существует!
Первое, с чего начнём –это правила, по правилам идентификатор должен быть уникальным! Конечно – вы можете использовать его несколько раз на странице! И земля не налетит от этого на небесную ось! И если вы используете идентификатор для отображения стилей, и подавно ничего не будет страшного! Но тут как говорится – зачем делать то, что никто так не делает и это нарушение правил!
Но если вы собираетесь использовать идентификатор для других целей, а целей может быть разное, то самое малое, что может произойти, то ваш код сработает либо криво, либо никак. Например, самое первое. Что приходит на ум это Яваскрипты – идентификатор - там часто используется…
Если вы используете идентификатор для отображения каких-либо свойств страницы, то идентификатор имеет приоритет над классом!
Мы любим примеры – давайте напишем класс с цветом и идентификатор и присмотрим , что у нас сработает…
Класс и идентификатор
color: red;
}
.my_class{
color: blue;
}Строка...
Результат:
Этому абзацу присвоены класс my_class и идентификатор my_first_id.
Как мы видим из результата идентификатор забил класс.
Как нельзя использовать идентификатор!?
<p id="my_second_id" id="my_third_id">Присвоение двух или более id 1-му элементу не допускается</p>
селекторы идентификаторов селектор идентификатора css