深入理解CSS选择器优先级

2020-05-12 07:47:58易采站长站整理

#div将会覆盖div

8.标签选择器优先级小于纯属性选择器,例如:

CSS Code复制内容到剪贴板

div{    
     color:blue    
 }   
[data-name=’div’]{    
     color: red    
 }   

div将会被 [data-name=’div’]覆盖
 
综上所述: 标签选择器<类选择器=纯属性选择器(先定义会被覆盖)<标签+属性组合选择器<id选择器

原文:http://www.cnblogs.com/zouyitangzaishuo/p/5265563.html