CSS中的覆盖和继承

Question

我正在使用 CSS 和 Bootstrap，我对这一切都很陌生。

我实际上想在我的网页中集成两种不同类型的轮播。 知道 bootstrap 定义了一个轮播类（在 bootstrap.min.css 样式表中），我创建了一个名为 custom.css 的自定义样式表，我已在我的 html 代码（以及 bootstrap.min.css，当然），其中包含引导轮播类的另一种样式，用于自定义我的网页的第一个轮播。现在，我想自定义网页的第二个轮播：我不知道如何进行。如果我创建另一个自定义样式表文件，我将在其中自定义第二个轮播，然后将其集成到我的 html 代码中（使用标记），将会出现某种冲突。我很困惑...

感谢您的帮助。

Answer 1

您可以为每个轮播设置自己的 ID，并设置如下样式：

<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 可以是任何引导程序的轮播类名称或元素。