CSS基础-关于样式重叠

CSS属性-样式重叠

问题:

  • 给同一个标签设置了相同的样式,此时浏览器会如何渲染?

结果:

  • 如果给一个标签设置了相同的属性,此时样式会重叠(覆盖),写在最下面的会生效

TIP:

  • CSS(Cascading style sheets)层叠样式表
  • 所谓层叠即叠加的意思,表示样式可以一层一层的层叠覆盖

因为css的代码也是从上而下的解析的,所以后面的样式会覆盖前面的。

示例:

<div>
    内容
</div>
div{
    color:red;
    color:blue;
}

效果:

image-20230515134251082
posted @ 2023-05-15 13:43  travellerα  阅读(75)  评论(0)    收藏  举报