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