Как оказывается, что у всех элементов одинаковые свойства, такие как класс и идентификатор?

Классы (class) и идентификаторы (id) - это HTML атрибуты, позволяющие выбирать элементы для стилизации через CSS и взаимодействия через JavaScript.

Класс:

• Может быть присвоен нескольким HTML элементам.
• Используется для группировки элементов, имеющих общие визуальные или поведенческие характеристики.
• В CSS селектор класса начинается с точки (.), например: .my-class.
• В JavaScript элементы по классу выбирают методами getElementsByClassName или querySelectorAll.

Идентификатор:

• Должен быть уникальным в пределах всей HTML-страницы.
• Используется для идентификации одного конкретного элемента.
• В CSS селектор идентификатора начинается с решетки (#), например: #my-id.
• В JavaScript элемент по ID выбирают методом getElementById.

Пример:

html

css