Переопределение и наследование в CSS

Question

Я работаю с CSS и Bootstrap, и я новичок во всем этом.

Я действительно хочу интегрировать два разных типа каруселей на свою веб-страницу. Зная, что bootstrap имеет определенный класс карусели (в таблице стилей bootstrap.min.css), я создал пользовательскую таблицу стилей с именем custom.css, которую я связал в своем html-коде (а также bootstrap.min.css, конечно) и который содержит другой стиль для класса карусели бутстрапа, чтобы настроить первую карусель моей веб-страницы. Теперь я хочу настроить вторую карусель моей веб-страницы: я не знаю, как это сделать. Если я создам другой файл таблицы стилей, в котором я настрою вторую карусель, а затем интегрирую ее в свой html-код (используя тег), возникнет какой-то конфликт. Я довольно смущен ...

Спасибо за помощь.

Answer 1

Вы можете дать каждому карусельного свой собственный идентификатор, и стиль его так:

<div id="first-carousel" class="carousel"></div> 
<div id="second-carousel" class="carousel"></div> 

#first-carousel elementToStyle { 
    // css here 
} 

#second-carousel elementToStyle { 
    // css here 
} 

Где elementToStyle может быть любым из имен классов карусельного Bootstrap в или элементов.