Селектор идентификатора ’id’ пример
Мы дошли до селектора идентификатора ’id’ - зачем вообще нужен и как используется селектор идентификатора.
И как обозначается код идентификатора в коде!?
Всё о селекторе идентификатора ’id’ примеры
- Как обозначается селектор идентификатора!?
- Чем отличается идентификатор ’id’ от класса!?
- Что важнее идентификатор ’id’ или класс!?
- Как нельзя использовать идентификатор!?
- Использовать ’id’ как якорь!
Как обозначается селектор идентификатора!?
Селектор идентификатора обозначается в коде как атрибут:
А в стилях идентификатор обозначится решеткой «#» и это будет выглядеть таким образом:
свойства: значения;
}
Чем отличается идентификатор ’id’ от класса!?
На самом деле –это тот вопрос, который у меня возник, когда я только начал изучать css, зачем придумывать еще один элемент, если уже придумали классы!?Если смотреть беглым взглядом, с нулевыми знаниями – то покажется, что действительно – между идентификаторам(id(#)) и классом(class(.)) – нет никакой разницы, но на самом деле она есть!
Как в фильме – видишь ложку! – Нет! - А она существует!
Основное правило селектора ’id’
Единственное и главное правило селектора ’id’ - идентификатора в том, что он должен быть уникальным! Конечно – вы можете использовать его несколько раз на странице! И земля не налетит от этого на небесную ось! И если вы используете идентификатор для отображения стилей, и подавно ничего не будет страшного! Но тут как говорится – зачем делать то, что никто так не делает и это нарушение правил!
Но если вы собираетесь использовать идентификатор для других целей, а целей может быть разное, то самое малое, что может произойти, то ваш код сработает либо криво, либо никак. Например, самое первое, что приходит на ум это javascript – идентификатор - там часто используется…
Что важнее идентификатор ’id’ или класс!?
Если вы используете идентификатор для отображения каких-либо свойств страницы, то идентификатор имеет приоритет над классом!
Мы любим примеры – давайте напишем класс с цветом и идентификатор и присмотрим , что у нас сработает…
Класс и идентификатор
color: red;
}
.my_class{
color: blue;
}Строка...
Результат:
Этому абзацу присвоены класс my_class и идентификатор my_first_id.
Как мы видим из результата идентификатор забил класс.
Как нельзя использовать идентификатор!?
Как нельзя использовать идентификатор ’id’ на странице в коде!? Нельзя присваивать больше одного идентификатора ’id’:
Использовать ’id’ как якорь!
Можно ли использовать ’id’ как якорь(anchor), что такое якорь, мы скажем лишь вкратце! Сверху видели оглавление!? Там ссылки все находятся в ссылках, которые ведет на якорь name.
Итак... нам понадобится ссылка, которая будет иметь такой вид:
И через несколько срок разместим некий блок с id... внутрь поставим какой-то текст, чтобы мы могли его увидеть:
Сверху данного текста разместим тег блока div
’id’ селекторы идентификаторов селектор идентификатора css