美文网首页
1.CSS选择的样式-第四章css继承、层叠、优先级

1.CSS选择的样式-第四章css继承、层叠、优先级

作者: 博尔茨杰 | 来源:发表于2019-03-18 20:28 被阅读0次

1.CSS继承

从父元素那继承部分CSS属性
继承好处:
1.父元素设置样式,子元素可以继承部分属性
2.减少CSS代码
注:不是所有属性都可以继承

2.CSS层叠

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

3.CSS优先级

·!important声明高
·css使用方法优先级

行内样式>内部样式>外部样式
注:link链入外部样式和style内部样式优先级,取决于先后顺序。

·样式表中优先级

Id选择器>class选择器>标签选择器>通配符

权限相同 权值不同
就近原则 使用权值高的

4.CSS优先级规则

同一样式表中:
1.权值相同
就近原则(离被这只元素越近优先级越高)
2.权值不同
根据权值来判断CSS样式
哪种CSS样式权值高,就使用哪种样式


image.png

相关文章

  • css样式表

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

  • CSS:CSS选择器及优先级问题

    CSS三大特性—— 继承、 优先级和层叠。 1.CSS选择器分类 全局选择器(通配符*) 标签选择器(body,d...

  • day6

    1.CSS的特性: 1.CSS的层叠性:也就是说后来设置的样式会层叠(覆盖)之前的样式,层叠性的前提示CSS的选择...

  • 前端Day8

    CSS层叠性 优先级相同的情况下,显示最后更新的样式。 CSS继承性 子元素会继承父元素的样式。 选择器的优先级 ...

  • CSS继承,层叠,优先级

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

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

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

  • css的三大特性

    css层叠性 css继承性 css优先性 1.css层叠性 所谓层叠性是指多种CSS样式的叠加。 如果一个属性通过...

  • CSS特性 & CSS优先级算法

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

  • CSS第一节(第五天)

    一、学习计划: 1.层叠性和继承性 2.选择器的优先级 1.层叠性,指的是CSS样式的叠加,例如:使用CSS样式定...

  • 选择器

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

网友评论

      本文标题:1.CSS选择的样式-第四章css继承、层叠、优先级

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