前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CSS同级别选择器样式覆盖机制

CSS同级别选择器样式覆盖机制

原创
作者头像
雪糕的晴天
修改2021-03-12 11:14:39
1.2K0
修改2021-03-12 11:14:39
举报

CSS的选择器样式的覆盖机制

如在dom元素中声明:

代码语言:txt
复制
<div class="first second">
    helloworld
</div>
// fail
<style>
.second{
    color: red;
}
.first{
    color: blue;
}
</style>
image.png
image.png

显示为蓝色 但是将 声明顺利改变 就会变为红色

代码语言:txt
复制
<div class="first second">
    helloworld
</div>
// fail
<style>
.first{
    color: blue;
}
.second{
    color: red;
}
</style>

所以 CSS 看的是声明时的次序

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档