CSS特异性（CSSSpecificity）的细节之CSS样式权重的计算与理解（CSS样式覆盖规则）

本篇讲解CSS特异性（CSS Specificity）的细节，也就是CSS样式选择器的权重计算

下面举例说明：

例一：

　　　　　　ul#nav li.active a

例二：

　　　　　　body.ie7 .col_3 h2~h2

例三：

　　　　　　#footer *:not(nav) li

注意：“ :not() ”自身没有权重值（这里权重值是指上面的数点，像0100），仅括号内的有权重值！

例四：

　　　　　　

例五：

　　　　　　ul > li ul li ol li:first-letter

例六：

A：

div#demo{background-image:url(n.gif);}

B：

div[id="demo"]{background-image:url(n.gif)}

　　代码：

                            div{                height:100px;                width:100px;            }            div#demo{                background:red;            }            div[id="demo"]{                background:green;            }                           


      
查看更多关于CSS特异性（CSSSpecificity）的细节之CSS样式权重的计算与理解（CSS样式覆盖规则）的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did106562