关于CSS选择器优先级无冲突样式设置的展示

最新推荐文章于 2020-02-06 17:07:04 发布

weixin_34393428

最新推荐文章于 2020-02-06 17:07:04 发布

阅读量85

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/JSD1207ZX/p/9781306.html

本文探讨了在CSS中ID选择器与类选择器的优先级问题，当两者同时应用于同一元素时，ID选择器的样式将覆盖类选择器的相同属性，但不影响其他不冲突的样式。

如果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