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

2017-06-07 11:18:00
admin
原创
447
<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>
  • QQ讨论群
  • 关注微信
    • 欢迎咨询
    • 欢迎加入QQ群 16506021
  • 公众号:源宝网络