码迷,mamicode.com
首页 > Web开发 > 详细

css 优先级

时间:2019-10-14 15:08:55      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:visit   version   覆盖   不能   coding   enc   其他   cti   imp   

选择器类型
下面,选择器类型的优先级是递增的:
 
1、
类型选择器 (例如 h1)
伪元素 (例如 ::before)
 
2、
类选择器 (例如 .example) 
属性选择器 (例如 [type=“radio”])
伪类 (:hover) (LoVe HAte)   Link Visited Hover  Active
 
3、
ID选择器 (#example)
 
通配选择符 (*),关系选择符(+,-,~,’ ’)和否定伪类(:not())对优先级没有影响。
但是(在:not() 内部声明的选择器是会影响优先级)
 
给元素添加的内联样式 (style = ‘font-weight: bold’)总是会覆盖外部任何样式表的任何样式,因此可以看做具有最高的优先级。
 
在一个声明样式中使用  !important 规则时,此声明将覆盖任何其他声明。
 
 
伪类和伪元素
 
伪类: 伪类用于选择DOM树之外的信息,或者是不能用简单选择器进行表示的信息。例如 (:visited)
伪元素: 伪元素为DOM树没有定义的虚拟元素。不同于其他选择器,它不以元素为最小选择单元,它选择的是元素指定内容。(::before)
 
在CSS3中,伪类与伪元素在语法上也有所区别,伪元素修改为以 :: 开头。但因为历史原因,浏览器对以 : 开头的伪元素也继续支持,但建议规范书写为 :: 开头。
 

css 优先级

标签:visit   version   覆盖   不能   coding   enc   其他   cti   imp   

原文地址:https://www.cnblogs.com/mablevi/p/11671138.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!