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

2020-06-1520:32:25网页制作Comments1,954 views字数 412阅读模式

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

常见的选择符有一下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

id选择器(#content),类选择器(.content), 标签选择器(div, p, span等), 相邻选择器(h1+p), 子选择器(ul>li), 后代选择器(li a), 通配符选择器(*), 属性选择器(a[rel = "external"]), 伪类选择器(a:hover, li:nth-child文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

可继承的样式: font-size, font-family, color, ul, li, dl, dd, dt;文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

不可继承的样式属性: border, padding, margin, width, height文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

CSS优先级算法如何计算?

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

优先级排序:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

同权重情况下: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

!important > # > . > tag文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

?注意!important 比 内联优先级高文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/19445.html

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

Comment

匿名网友 填写信息

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

确定