美文网首页
css的三大特性(继承,层叠,优先级)

css的三大特性(继承,层叠,优先级)

作者: 月下吴刚_c8c7 | 来源:发表于2019-01-07 09:36 被阅读0次

一,继承

    继承性(inheeited),子类可以使用父类的属性
    注意点:
    (1),不是所有的属性都可以继承,只有以color/font-/text-/line开头的属性才可以继承
    (2),在css中的继承不仅是儿子才可以继承,只要是后代就可以继承
    (3),css继承性中的特殊性
    a标签的文字颜色和下划线是不能被继承的
    h标签的文字大小是不能被继承的
    应用场景:
    一般用于设置网页上的一些共性信息
    body{}

二,层叠性

  层叠性,css处理冲突的能力
    注意点:
    层叠性只有在多个选择器选中"同一个标签",然后又设置了"相同的属性",才会发生层叠性
    CSS:Cascading Style Sheets 层叠样式表

三,优先级

    优先级,当多个选择器选中同一个标签时,并且给同一个标签设置相同的属性时,如何层叠就由优先级来决定
    判断条件:
    1,是否是直接选中,就是直接第一次选中的就是要设置的标签,例如
        p{}
        #identity{}
        .para
    2,间接选中,就是继承,谁离目标标签近就会继承谁的属性,例如
        ul{}
        li{}
    3,相同的选择器,如果都是直接选中,并且都是同类型的选择器,谁在后边就听谁的,例如
        p{ }
        p{}
    4,不同选择器,如果都是直接选中,并且不是同类型的选择器,那么就会按照选择器的优先级来层叠,例如
        id>类>标签>通配符>继承>浏览器

四,提升优先级

  !important,用于提升某个直接选中标签的选择器的某个属性的优先级,可以将被指定的属性的优先级提升为最高
  注意点:
  1,!important,只能用于直接选中,不能用于简介选中
  2,通配符*选中的也是直接选中
  3,!important只能提升指定属性的优先级,其他的不会提升
  4,!important必须写在;前面,并且!不能丢掉

相关文章

  • 这周的学习

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

  • 选择器和选择器的优先级别

    CSS三大特性—— 继承、优先级、层叠。继承:即子类元素继承父类的样式;优先级:是指不同类别样式的权重比较;层叠:...

  • css基础04- css三大特性

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

  • CSS的三大特性

    简介层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。 CSS层叠性 所谓层叠性是指多种CSS样式的叠加...

  • ## CSS三大特性

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

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

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

  • 选择器

    css有三大特性:继承,优先级,层叠继承:即子元素可以继承父元素的样式优先级:指不同类别样式的权重比较层叠:指当数...

  • CSS特性 & CSS优先级算法

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

  • 2022-02-03 CSS第三天

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

  • CSS三大特性—— 继承、 优先级和层叠。

    CSS三大特性——继承、 优先级和层叠。 继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; ...

网友评论

      本文标题:css的三大特性(继承,层叠,优先级)

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