определение класса в DOM connect в javascript

Question

Я не знаю, что отличается между (I) и (II) ? являются ли эти классы одинаковыми для использования в (js file / css file) или нет?

I: <div class="start-box active">

II: <div class="start-box">

Answer 1

Атрибут class name элемента принимает одно имя класса или список имен классов через пробел.

Таким образом, в

<div class="start-box active">

элемент div имеет два класса, start-box и active, тогда как в

<div class="start-box">

элементу div назначается только один класс, start-box.

Комбинация нескольких классов на один элемент или даже влияние отдельного класса на элемент с учетом его связи с другими элементами подчиняется правилам каскадных таблиц стилей (что означает «CSS»).

I wi sh Вы хорошо разбираетесь в CSS - вы можете обнаружить, что статья «Учимся стилизовать HTML с использованием CSS»] (https://developer.mozilla.org/en-US/docs/Learn/CSS) на MDN полезна для этого.

Answer 2

В I у вас есть два класса start-box и active , но во II у вас есть только один класс. Вы можете использовать js, чтобы добавить или удалить класс из элемента. а с помощью css вы можете установить какое-либо свойство css для активного, при использовании обработчика событий вы можете прочитать эту ссылку HTML Атрибуты события