引導傳送帶指標自定義類除了

Question

我試圖添加自定義類引導旋轉木馬，因爲我想改變至轉盤指標只反映在應用

的一點這是我的代碼

HTML ：

<ol class="carousel-indicators custom"> 
<li data-target="#myCarousel" data-slide-to="0" class="active "></li> 
<li data-target="#myCarousel" data-slide-to="1" class=""></li> 
<li data-target="#myCarousel" data-slide-to="2" class=""></li> 
</ol> 

CSS：

.custom .carousel-indicators .active { 
    background:green !important; 
} 
.custom .carousel-indicators li { 
    border:2px solid black !important; 
} 

但我ñ無法看到我的輪換指標中的任何變化。 請爲我提供正確的代碼

Answer 1

刪除.custom和.carousel-indicators之間的空格。

該空格表示.carousel-indicators是的後代的.custom其實它們是相同的元素。

.custom.carousel-indicators .active { 
 
    background: green !important; 
 
} 
 

 
.custom.carousel-indicators li { 
 
    border: 2px solid black !important; 
 
}

<ol class="carousel-indicators custom"> 
 
    <li data-target="#myCarousel" data-slide-to="0" class="active "></li> 
 
    <li data-target="#myCarousel" data-slide-to="1" class=""></li> 
 
    <li data-target="#myCarousel" data-slide-to="2" class=""></li> 
 
</ol>