使用Bootstrap 3我尝试覆盖旋转木马控件的特定旋转木马的CSS而不影响所有旋转木马，所以我有这样的标记。
<span class="glyphicon glyphicon-chevron-left chart-previous"></span>
所以我用这个选择器创建了一个CSS规则：
.carousel-control .glyphicon-chevron-left .chart-previous
覆盖Bootstrap的选择器：
.carousel-control .glyphicon-chevron-left
Bootstrap的选择器给我一个0,0,2,0的特异性，因为我的自定义CSS规则给出了0,0,3,0的特异性，至少根据这个网站http://specificity.keegan.st/ 。那么为什么Bootstrap CSS规则仍然覆盖我的自定义规则？
答案 0 :(得分：3)
选择器中的空格是descendant combinator。
您的范围是glyphicon-chevron-left和chart-previous的成员。
由于它不是属于glyphicon-chevron-left成员的元素的后代，因此您的选择器与它不匹配，因此它的具体程度无关紧要。
删除多余的空间。