关于CSS选择器优先级无冲突样式设置的展示
如果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,但是其他样式则不会被覆盖