ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

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

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

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) https://dwweb.ru/ http://calc.dwweb.ru/ http://kod.dwweb.ru/ http://marrex.ru/ http://pro.dwweb.ru/ https://f0rlink.com/ https://comments.dwweb.ru youtube Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019