该园用来记录个人的学习内容,有些杂乱,谅解~嘿嘿~

Chloe

自学前端的小菜鸟一枚呀~
记录学习的知识

前端面试题(7)—— css优先级

css有:id选择器,class选择器,标签选择器,伪元素选择器,伪类选择器等

  • 同一元素引用了多个样式时,排在后面的样式属性的优先级高;

  • 样式选择器的类型不同时,优先级顺序为:id 选择器 > class 选择器 > 标签选择器;

  • 标签之间存在层级包含关系时,后代元素会继承祖先元素的样式。如果后代元素定义了与祖先元素相同的样式,则祖先元素的相同的样式属性会被覆盖。继承的样式的优先级比较低,至少比标签选择器的优先级低;

  • 带有!important 标记的样式属性的优先级最高;

  • 样式表的来源不同时,优先级顺序为:内联样式> 内部样式> 外部样式> 浏览器用户自定义样式 > 浏览器默认样式

  • 属性选择器和伪类选择器优先级相同

参考链接:https://www.runoob.com/w3cnote/css-style-priority.html

posted @ 2022-03-24 17:06  Chloe56  阅读(95)  评论(0编辑  收藏  举报