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