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

css选择器有哪些,选择器的权重的优先级

时间:2019-11-15 09:31:56      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:样式   text   div   选择器   通配   sof   伪元素   属性选择器   tle   

1.选择器类型

1、ID  #id
2、class  .class
3、标签  p
4、通用  *
5、属性  [type="text"]
6、伪类  :hover
7、伪元素  ::first-line
8、子选择器、相邻选择器

2.权重计算规则

1. 第一等:代表内联样式,如: style=””,权值为1000。
2. 第二等:代表ID选择器,如:#content,权值为0100。
3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。
4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。
5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
6. 继承的样式没有权值

css选择器有哪些,选择器的权重的优先级

标签:样式   text   div   选择器   通配   sof   伪元素   属性选择器   tle   

原文地址:https://www.cnblogs.com/jiahuasir/p/11864239.html

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