面试问:CSS有哪些选择器?权重怎么计算的?

2018-04-3008:35:15网页制作Comments1,916 views字数 290阅读模式

CSS选择器分基本选择器(元素选择器,类选择器,通配符选择器,ID选择器,关系选择器),属性选择器,伪类选择器,伪元素选择器,以及一些特殊选择器,如has,not等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3377.html

CSS中,权重决定了哪些CSS规则生效,浏览器按如下规则进行CSS权重计算文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3377.html

  • 1000:内联样式
  • 0100:ID选择器
  • 0010:类,伪类,属性选择器
  • 0001:元素,伪元素,通配符,子选择器,相邻选择器等
  • 无:继承样式

​浏览器通过对元素上的CSS规则进行权重计算,权重高的规则将生效,如果权重相同则最后的规则生效,而使用的!important的规则将具备最高权重,如果多条规则有!important,同样是最后的规则生效。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3377.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/zhizuo/3377.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定