如果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，但是其他样式则不会被覆盖
关于CSS选择器优先级无冲突样式设置的展示
原文地址：https://www.cnblogs.com/JSD1207ZX/p/9781306.html