合理利用css的权重：提高代码的重用性

一、关于css样式中的6种基础的选择器

• 1、ID选择器
• 2、CLASS选择器
• 3、属性选择器(如a[href="xxx"])
• 4、伪类和伪对象选择器(如::hover ::after)
• 5、标签选择器(如:a,span)
• 6、通配选择器(如:*)

二、关于css样式的三种组合

• 1、后代选择器(如:.reader .title{})
• 2、子选择器(如:.reader > .title{})
• 3、相邻选择器(如:.reader + .title{})

三、关于各选择器的权重值

• 1、ID选择器权重 = 100
• 2、CLASS选择器权重 = 10
• 3、属性选择器权重= 10
• 4、伪类选择器权重 = 10
• 5、标签选择器权重 = 1
• 6、伪对象选择器权重 = 1
• 7、通配选择器权重 = 0