关于bootstrap样式重写,无法覆盖的问题

解释:

1.  内联样式表的权值最高 1000;

2.  ID 选择器的权值为 100

3.  Class 类选择器的权值为 10

4.  HTML 标签选择器的权值为 1

5  继承样式的权值为0.1(某些论文提出,但毫无疑问它的权值是最低的)

 

根据以上定义,所以我特意在选择器中尽可能详细的寻找所需要改变样式的元素,为了增加它的权值比重,

比如

< class="a"> 

    .< class="b">   

         .< class="c"> 

假设以上a-b-c为连续的继承关系(简写)当我们要选择类 .c的时候    直接用  .c(类)选择器 它的权值只有10 ,但是如果用  .a .b .c来选择,则它的权值为10+10+10那么则会选择后者的样式。

 

所以有时候无法覆盖BTP 的样式是因为,BTP里面的样式权值比你重写的要高,在这种情况下  内联》内部》外部样式的条件就不成立了。

所以为了更好的覆盖BTP的样式,建议尽可能详细地选择

posted @ 2017-03-09 21:24  (f)VV><のblog  阅读(2133)  评论(0编辑  收藏  举报