CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?

2020年6月15日20:32:25 发表评论 201 views

CSS选择符有哪些?哪些属性可以继承?

常见的选择符有一下:

id选择器(#content),类选择器(.content), 标签选择器(div, p, span等), 相邻选择器(h1+p), 子选择器(ul>li), 后代选择器(li a), 通配符选择器(*), 属性选择器(a[rel = "external"]), 伪类选择器(a:hover, li:nth-child

可继承的样式: font-size, font-family, color, ul, li, dl, dd, dt;

不可继承的样式属性: border, padding, margin, width, height

CSS优先级算法如何计算?

  • 考虑到就近原则,同权重情况下样式定义以最近者为准
  • 载入的样式按照最后的定位为准

优先级排序:

同权重情况下: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)

!important > # > . > tag

🍀注意!important 比 内联优先级高

 

发表评论

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