css的权重,大家应该都有所接触过吧,关于权重主要就是css的优先级问题了,先来讲权重的规则吧!
标签的权重是:1;类选择器的权重是:10:id选择器的权重是:100;内联样式(在html里面有style=“”包裹的元素):1000;还有一最特殊的(最高优先级,暂时不管):!important;
注意:(*),(>),(+)的权重为0;
举个栗子: div #aa .bb>p{color:#fff;}
它的权重就是 div 为 1,#aa为100,.bb为10,>为0,p为1,所有css权重为1+100+10+0+1=112;
css优先问题:
标题为什么颜色?
#content div #main h2{
color:red;
}
#content #main>h2{
color:blue;
}
这两个哪个优先?
第一个权重为202,第二个·权重为201,所有第一个优先,字体颜色为red