Разница между классом и ID

Класс против ID

Каскадные таблицы стилей (CSS) - это язык, который описывает внешний вид и форматирование документа, написанного с использованием языка разметки. CSS широко используется для стилизации веб-страниц, написанных на HTML. CSS позволяет указывать ваши собственные селекторы стилей в дополнение к применению стилей для элементов HTML. Это делается с помощью идентификатора и селекторов классов. При указании стиля для одного уникального элемента используется селектор идентификатора. При указании стиля для группы элементов используется селектор класса.

Что такое класс?

В CSS селектор класса может использоваться для применения вашего собственного стиля к группе элементов. Селектор класса используется для применения определенного стиля к набору элементов с одинаковым классом. В CSS селектор класса идентифицируется точкой (.). Ниже приведен пример селектора класса, определенного в CSS.

.мои занятия

цвет синий;

вес шрифта: жирный;

HTML может ссылаться на класс, определенный в CSS, используя класс атрибута, как показано ниже.

Это мое форматирование

Это мое форматирование снова

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

Это мое форматирование с использованием двух классов

Что такое ID?

В CSS селектор идентификаторов можно использовать для применения собственного стиля к одному уникальному элементу. В CSS селектор идентификатора идентифицируется хешем (#). Ниже приведен пример селектора идентификатора, определенного в CSS..

#мой ID

красный цвет;

выравнивания текста: справа;

HTML может ссылаться на селектор идентификатора, определенный в CSS, используя идентификатор атрибута, как показано ниже.

Это моя форма форматирования селектора идентификаторов

Идентификаторы уникальны. Поэтому каждый элемент может иметь только один идентификатор, а каждая страница может иметь только один элемент с этим конкретным идентификатором. Идентификаторы имеют важную характеристику, которую можно использовать с браузером. Если URL-адрес страницы содержит хеш-значение (например, http: //myweb.com#my_id), браузер попытается автоматически найти элемент с идентификатором «my_id» и прокрутить веб-страницу, чтобы отобразить этот элемент. Это одна из причин, почему на странице должен быть один элемент с таким конкретным идентификатором, чтобы браузер мог найти этот элемент.

В чем разница между классом и ID?

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