美文网首页
css继承,层叠,优先级

css继承,层叠,优先级

作者: 小_番茄 | 来源:发表于2018-11-04 22:09 被阅读0次

css继承

父元素设置样式后,子元素会从父元素那去继承部分相应的样式。减少css设置。

层叠

  • 可以定义多个样式
  • 不冲突时多个样式可以层叠
  • 冲突时,按不同样式规则优先级来应用样式。

css使用方法的优先级

  • 行内样式>内部样式>外部样式
    link链入外部样式和style内部样式优先级取决于他们的位置

样式表中优先级

  • id选择器>class选择器>标签选择器>通配符
  • 同类样式多次引用,样式列表中后定义的优先级高。
    注意:链入外部样式表于内部样式表之间的优先级取决于所处位置的先后。最后定义优先级最高。(就近原则)
样式表的优先级 根据权值决定

同一样式表中

  • 权值相同
    就近原则
  • 权值不同
    权值越高,就使用哪个。
image.png
权值计算示例
image.png

!important规则 优先级最高

  • 可调整样式规则的优先级
  • 添加在样式规则之后,中间用空格隔开
div{color:red  !important}

相关文章

  • CSS继承,层叠,优先级

    CSS继承,层叠,优先级 继承 父元素设置样式,子元素可以继承部分属性 减少CSS代码 层叠 可以定义多个样式 不...

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

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

  • CSS三大特性

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

  • CSS的三大特性

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

  • 选择器

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

  • css-note

    css学习内容 css基础语法 css使用方法 css选择器 css继承与层叠 css优先级 css命名规范 学习...

  • ## CSS三大特性

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

  • CSS特性 & CSS优先级算法

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

  • 这周的学习

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

  • css基础04- css三大特性

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

网友评论

      本文标题:css继承,层叠,优先级

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