CSS选择器,优先级和匹配原则
创新互联公司长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为新兴企业提供专业的成都网站制作、网站建设,新兴网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。1。详细信息选择器的ID(#myid)2。类选择器(。我的类名)3。标签选择器(div,H1,P)4。相邻选择器(H1,P)5。副选择器(UL<Li)6。后代选择器(Lia)7。通配符选择器(*)8。属性选择器(a[rel=“external”])9。伪类选择器(A:hover,Li:nthchild)ID选择器的效率高,而伪类选择器的效率最低。CSS的权重是1。一般选择器的权重为0,0,0,0
2。标记的权重为0,0,0,1
3。类的权重是0,0,1,0
4。属性选择的权重为0,0,1,0
5。伪类选择的权重为0,0,1,0
6。伪对象选择的权重为0,0,0,1
7ID的权重为0,1,0,0
8。important的权重是高的1,0,0,0使用规则:将selector的权重加在一起,较大的优先;如果权重相同,则后一个优先。从上面我们可以得出两个关键因素:1。权重与选择器的类型和数目有关。样式的优先级与样式定义的顺序有关