CSS样式的结果不是我所期望的

时间:2015-07-27 06:36:12

标签: css twitter-bootstrap css-specificity

我有以下使用Bootstrap样式表的html:<button class="label btn-lg">Save</button>我对CSS Specificity rules的理解btn-lg覆盖标签值(当选择器具有相同的特异性值时,最新的规则是重要的是)。但是,无论我使用哪个类用于类,标签都会取代btn-lg

如何制作btn-lg覆盖标签?

2 个答案:

答案 0 :(得分:1)

“当选择器具有相同的特异性值时,最新规则是重要的规则” 这意味着将应用样式表中最低的CSS规则。所以在你的情况下,.label类出现在bootstrap样式表中的.btn-lg之后。

希望有所帮助。

答案 1 :(得分:1)

&#34;最新规则&#34;表示CSS文件中的最后一条规则,而不是类顺序。

指向同一档案的规则: https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css#L3491 https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css#L4897