css的三大特性

1.继承属性

作用:给父元素设置一些属性,子元素也可以使用

使用范围:

1.color/font-/text-/line开头的属性才可以继承

2.css的继承中不仅仅是儿子可以继承,后代都可以继承

3.特殊性:a标签的文字颜色和下划线是不能被继承的

h标签的文字大小也是不能继承的

应用的范围:一般用于设置网页上面的一些共性的信息,字体颜色大小,

2.层叠性

作用:css处理冲突的一种能力

注意点:层叠性只有在多个选择器选中“同一个标签”,然后给同一个标签设置相同的属性,发生重叠


3.优先级

作用:当多个选择器选中同一个标签,并且给同一个标签设置相同的属性是,如何层叠就由优先级来确定

优先级判断方式:

1)是否是直接选中

间接选中为继承,里选中标签近的设置的属性为准

2)是否为相同的选择器

都为直接选中,并且为同类型的选择器,那么按后者的为准

3)不同的选择器

如果都是直接选择,并且不是相同类型的选择器,那么按照选择器的优先级层叠

id>类>标签>通配符>继承>浏览器默认

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS的继承性 什么是继承性 作用给父元素设置一些属性,子元素也可以使用。就是继承性 注意点 只有以color/f...
    Isaacyyy阅读 2,854评论 0 1
  • 一、继承性( Inherited ):给父元素设置的属性,子孙元素也可以使用。应用场景:一般用于设置网页上的一些共...
    幸运密码_xymm16888阅读 3,529评论 0 0
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 3,490评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,280评论 19 139
  • 1)层叠性1,给一个标签设置的样式发生冲突的时候即样式的覆盖2,浏览器的渲染机制是从上到下的,当有冲突的时候就采用...
    huhu502阅读 8,337评论 4 3

友情链接更多精彩内容