如果id和class都设置了同一样式,则显示id选择器的;如果id写的样式和class不冲突,则都会显示
.top{
border: 1px solid blueviolet;
width: 438px;
height: 50px;
float: left;
}
#top{
padding-top: 15px;
height: 35px;
}
<div class="top" id="top">
<a href="#">注册</a>
<a href="#">登陆</a>
<a href="#">购物车</a>
</div>
这里面IDtop的height会覆盖CLASStop的height，但是其他样式则不会被覆盖
原文：https://www.cnblogs.com/JSD1207ZX/p/9781306.html