css三大特性—优先级

最新推荐文章于 2023-08-16 11:30:24 发布

昕晴～～

最新推荐文章于 2023-08-16 11:30:24 发布

阅读量129

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_47183545/article/details/105845459

版权

笔记专栏收录该内容

6 篇文章 1 订阅

订阅专栏

继承或通配符选择器 0,0,0,0
每个元素（标签选择器）0,0,0,1
每个类，伪类 0,0,1,0
每个id 0,1,0,0
每个行内样式 1,0,0,0
每个!important 无穷大∞

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 类或者伪类 0,0,1,0
			 !important无穷大*/
			.one {
				color: green !important;
			}
			/* id选择器0,1,0,0 */
			#two {
				color: #000;
			}
			/* 0,0,1,1 */
			.nav a {
				color: red;
			}
			/* 0,0,1,0 .first不如.nav a权重高*/
			.first {
				color: pink;
			}
			/* 0,0,2,0 */
			.nav .first {
				color: #FF0;
			}
			p {
				color: green;
			}
			.demo {
				color:blue;
			}
			#test {
				color: #000;
			}
		</style>
	</head>
	<body>
		<div class="one" id="two" style="color: red;">权重</div>
		<!-- style:1，0，0，0 -->
		<div class="nav">
			<a href="#" class="first">学习</a>
			<a href="#">不许玩</a>
			<a href="#">拒绝懒惰</a>
			<a href="#">加油赛</a>
		</div>	
		<div class="demo" id="test">
			<p>继承的权重为0</p>
		</div>
	</body>
</html>