美文网首页工作生活
css三大特性之继承性 层叠性 优先级

css三大特性之继承性 层叠性 优先级

作者: nickNic | 来源:发表于2019-07-03 16:15 被阅读0次

一什么是继承性
给父元素设置一些属性子元素也可以继承就称为继承性
注意点
1、并不少所有的属性都可以继承,只有以color/font/text/line开头的属性才可以继承
2、在css的继承中不止有儿子可以继承,只要是后代都可以继承
3、css中继承性注意点
3.1 a标签中的文字颜色和下划线是不能继承的
3.2 h标签中的文字大小是不能继承的

二什么是层叠性
层叠性就是css处理冲突的一种能力
注意点
层叠性只有在多个选择器选中“同一个标签”
然后又设置了相同的属性才会发生层叠性

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

1 优先级的判断的三种方式
1.1是否是直接选中(间接选中就是指继承)
如果是间接选中那么谁离目标标签比较近那么就听谁的
1.2是否是相同的选择器
如果都是直接选中,并且都是同类型的选择器,那么就是谁写在后面就听谁的
1.3不同的选择器
如果都是直接选中,并且不是相同类型的选择器那么就会按照选择器的优先级来层叠

ID选择器>类选择器>通配符>继承>浏览器默认

相关文章

  • 这周的学习

    九 . CSS 的三大特性 CSS 有三个非常重要的特性 :层叠性,继承性,优先级。 1 . 层叠性 ...

  • ## CSS三大特性

    ## CSS三大特性 # 继承性(inherit) # 层叠性 # 优先级 # important # div标签...

  • 2022-02-03 CSS第三天

    CSS的三大特性 层叠性 继承性 行高的继承性 优先级 权重练习小例子

  • css基础04- css三大特性

    css三个特性 继承 ,层叠 ,优先级 是我们学习CSS 必须掌握的三个特性。 继承性 所谓继承性是指书写CSS样...

  • CSS的三大特性总结(深入理解css权重)

    【目录】 css的三大特性层叠性特性说明原理DEMO继承性优缺点重点DEMOhtml代码css代码优先级css特殊...

  • CSS特性 & CSS优先级算法

    CSS特性 层叠性 继承性 优先级 CSS层叠性 在css样式中,与样式的调用顺序无关,与样式的定义顺序有关。 层...

  • CSS 三大特性

    CSS的三个特性是指层叠性、继承性以及优先级。 一、CSS层叠性 说明层叠性是多种CSS样式的叠加,是浏览器处理样...

  • css样式表

    1.css(cascading style sheets)样式表 3.css样式表的特性 继承性 层叠性 优先级 ...

  • CSS三大特性

    CSS全称 Cascading StyleSheet层叠样式表 继承性 层叠性 优先级 继承性 1.什么是继承性?...

  • 十五、CSS的三大特性

    一、CSS的三大特性 css有三个非常重要的三个特性:层叠性、继承性、优先级。 1.1、层叠性 相同选择器给设置相...

网友评论

    本文标题:css三大特性之继承性 层叠性 优先级

    本文链接:https://www.haomeiwen.com/subject/gfythctx.html