首页 > Web开发 > 详细

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

时间:2021-01-06 14:01:07      阅读:20      评论:0      收藏:0      [点我收藏+]

选择器类型:

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

排列组合

如果详细的进行分析,排列组合有太多种了,太过麻烦。我们就说说有哪几个类别:

行内样式 即 style = "font-size: 12px";
id选择器: 即 #thisId {font-size: 12px;}
class选择器: 即 .thisClass {font-size: 12px;}
元素选择器 即 p {font-size: 12px;}

权重计算规则:

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

表格:

技术分享图片

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

原文:https://www.cnblogs.com/zgboy/p/14240130.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!