html - CSS 类特异性

Question

使用 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 规则仍然覆盖我的自定义规则？

Answer 1

选择器中的空格是descendant combinator .

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

因为它不是属于 glyphicon-chevron-left 成员的元素的后代，所以您的选择器不匹配它，所以无论它有多具体都没有关系。

删除多余的空格。