关于class和id的优先级

最新推荐文章于 2024-07-07 21:16:58 发布

万毛毛

最新推荐文章于 2024-07-07 21:16:58 发布

阅读量3.8k

点赞数

本文链接：https://blog.csdn.net/duckduck10/article/details/52754744

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css样式的使用方式</title>
		<style>
			.v {background-color:red;}
			#v {background-color:yellow;}
			 h1{background-color:blue;}
			.v .p{background-color:green;} 
			#v .p {background-color:purple;}
		</style>
	</head>
	<body class="v" id="v">
		<h1 class="p">css样式的使用方式</h1>
	</body>
</html>

最后背景颜色为黄色，h1背景颜色为紫色。同级优先级id>class，对于二级内容，如果和上级属性有冲突的话，优先级id1 id2/class2/标签2> class1 id2/class2/标签2 >id2>class2>标签2>id1>class1>标签1