浏览器如何判断css优先级
摘要:概念浏览器是通过判断优先级,来决定到底哪些属性值是与元素最相关的,从而应用到该元素上。优先级是由选择器组成的匹配规则决定的。如何计算?优先级...
概念
浏览器是通过判断优先级,来决定到底哪些属性值是与元素最相关的,从而应用到该元素上。优先级是由选择器组成的匹配规则决定的。
如何计算?
优先级是根据由每种选择器类型构成的级联字串计算而成的. 它不是一个对应相应匹配表达式的权重值.
如果优先级相同,元素最终会应用 CSS 中靠后的声明.
注意: 在文档树中的距离是不会对元素优先级计算产生影响的.(可以看文档中无视DOM树中的距离的例子)
优先级顺序
下列是一份优先级逐级增加的选择器列表:
通用选择器*
元素(类型)选择器
类选择器
属性选择器
伪类
ID 选择器
内联样式
事实上,元素还可以从父元素上继承一些样式,如color等属性。这些继承的样式的优先级永远低于元素本身的样式,包括通用选择器:
代码如下:
【浏览器如何判断css优先级】相关文章:
上一篇:
CSS中样式覆盖优先顺序详解
相关阅读
网友关注
网友最新关注视频
- 冀教版英语五年级下册第二课课程解读
- 冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,湖北省
- 河南省名校课堂七年级下册英语第一课(2020年2月10日)
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,广东省
- 沪教版八年级下册数学练习册21.3(3)分式方程P17
- 8 随形想象_第一课时(二等奖)(沪教版二年级上册)_T3786594
- 冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣.mp4
- 【部编】人教版语文七年级下册《过松源晨炊漆公店(其五)》优质课教学视频+PPT课件+教案,江苏省
- 外研版英语三起5年级下册(14版)Module3 Unit1
精品推荐
分类导航