前端面试题(7)—— css优先级
css有:id选择器,class选择器,标签选择器,伪元素选择器,伪类选择器等
-
同一元素引用了多个样式时,排在后面的样式属性的优先级高;
-
样式选择器的类型不同时,优先级顺序为:id 选择器 > class 选择器 > 标签选择器;
-
标签之间存在层级包含关系时,后代元素会继承祖先元素的样式。如果后代元素定义了与祖先元素相同的样式,则祖先元素的相同的样式属性会被覆盖。继承的样式的优先级比较低,至少比标签选择器的优先级低;
-
带有!important 标记的样式属性的优先级最高;
-
样式表的来源不同时,优先级顺序为:内联样式> 内部样式> 外部样式> 浏览器用户自定义样式 > 浏览器默认样式
-
属性选择器和伪类选择器优先级相同