CSS類特異性

Question

使用引導程序3我想重寫一個特定的旋轉木馬的旋轉木馬控件的CSS與出影響所有輪播，所以我有我這樣的標記。

<span class="glyphicon glyphicon-chevron-left chart-previous"></span> 

所以，我創建了這個選擇CSS規則：

.carousel-control .glyphicon-chevron-left .chart-previous 

要覆蓋引導的選擇：

.carousel-control .glyphicon-chevron-left 

引導的選擇給我的0,0,2特異性，0這裏我的自定義CSS規則給出的特異性爲0,0,3,0，至少根據此網站http://specificity.keegan.st/。那麼爲什麼Bootstrap CSS規則仍會覆蓋我的自定義規則？

Answer 1

選擇器中的空間是descendant combinator。

您的跨度是glyphicon-chevron-left和chart-previous的成員。

由於它不是glyphicon-chevron-left成員的元素的後代，因此您的選擇器不匹配它，因此無關緊要。

刪除額外的空間。