码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-10-13 02:41:20      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:css选择器优先级   highlight   width   stop   优先   nbsp   选择器   idt   ref   

如果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选择器优先级无冲突样式设置的展示

标签:css选择器优先级   highlight   width   stop   优先   nbsp   选择器   idt   ref   

原文地址:https://www.cnblogs.com/JSD1207ZX/p/9781306.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!