css选择器是有权重的

<style>
     div > #title{color: blue;}
     div > h3#title.title{color: red;}
     [lang=”en”] h3.title{color: green;}
     [lang=”en”] #title{color: gray;}
 </style>
 <div lang=”en”>
     <h3 id=”title”
class=”title”>hello</h3>
 </div>

以上代码最终文字颜色为red
因为

div > #title{color: blue;}             //标签+id = 100+1 = 101
div > h3#title.title{color: red;}         //标签+标签+id+类 = 1+1+100+10=112
[lang=”en”] h3.title{color: green;}        //属性+标签+类 = 10+1+10 =21
[lang=”en”] #title{color: gray;}         //属性+id = 10+100 = 110