ZorNet.Ru — сайт для вебмастера » HTML и CSS » Какая разница у идентификатора и класса CSS

Какая разница у идентификатора и класса CSS

Какая разница у идентификатора и класса CSS
Думаю вы встречали в CSS, как классы, так и id и наверно возникает вопрос, какая разница между ними, если в одном плане работают. По мне, я предпочитаю устанавливать class и по нему уже составлять стилистику, но также id не исключаю, так как все больше его начал встречать в материале. И здесь нашел в одном зарубежном сайте тему в этом направление, где все популярно написано, что предоставлю, как вопрос и ответ на его.

Вопрос!

Может кто-то прокомментировать разницу между идентификатором и классом, где не могу понять разницу между ними. Когда использовать идентификатор вместо класса и наоборот?

Ответ:

Они оба делают то же самое и если есть какая-то разница, то как они используются. Где идентификаторы используются только один раз на странице и из-за этого они более специфичны для того, что они должны изменить. А если мы берем классы, то они использоваться столько раз сколько вы хотите на одной странице.

Иногда применяем класс к элементу HTML, а также идентификатор к тому же элементу, чтобы открыть исключение для чего-то, что делает класс, но мы хотим, чтобы он отличался для этого конкретного элемента.

Что произойдет если мы используем ID более одного раза на странице?

Ничего, он по-прежнему работает, но это не рекомендуется.

Идентификаторы также используются для элементов с помощью JavaScript.

ID - это когда вы хотите использовать этот конкретный фрагмент кода в стиле CSS. Хорошо для вынесения предложений выделяются больше чем другие.

Класс используется для создания нескольких фрагментов кода в стиле CSS с точным стилем дизайном. Для создания стиля на нескольких абзацах одинаково без дополнительного кодирования.

Вы используете id для отдельных элементов каждое имя идентификатора может появляться только после страницы классы могут использоваться для умножения элементов. К сожалению, браузеры позволяют id для многократных вхождений.

ID - отличные обертки в том, что они имеют очень высокую специфичность и могут передавать много своих свойств только своим потомкам не просачиваясь ни на какие другие объекты, как это делает CLASS.

Обычно существуют стили для сайта, которые применяются ко всей странице и CLASS - это то, как мы это делаем. У нас может быть несколько оберток идентификаторов с эксклюзивным контентом и возможно некоторыми свойствами, тогда мы можем применять стили страниц, которые являются согласованными во всех оболочках.

Некоторые простые обертки включают в себя внешний обертку, чтобы содержать представление страницы, заголовок, внутренний обертку для размещения разделов контента и нижний колонтитул.

В некотором смысле, чем меньше свойств мы присваиваем идентификаторам и чем больше мы используем CLASS, тем легче будет поддерживать страницу. Любые свойства, что мы назначаем, должны сосредоточиться на контейнере, а не на контенте что мы оставляем для класса который должен обрабатываться.
26 Декабря 2017 Просмотров: 1832 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar