CSS优先级:利用选择器的权值进行计算比较

2017-06-07 11:18:00
admin
原创
336
<html>
	<head>
		<style type="text/css">
			#redP p {
				/* 权值 = 100+1=101 */
				color:#F00;
				/* 红色 */
			}
			#redP .red em {
				/* 权值 = 100+10+1=111 */
				color:#00F;
				/* 蓝色 */
			}
			#redP p span em {
				/* 权值 = 100+1+1+1=103 */
				color:#FF0;
				/*黄色*/
			}
		</style>
	</head>
	<body>
		<div id="redP">
			<p class="red">red
				<span>
					<em>em red
					</em>
				</span>
			</p>
			<p>red
			</p>
		</div>
	</body>
</html>
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227