style样式scoped

h5新属性、vue样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="cls1" style="width: 300px; height: 300px;">
			<div class="cls2" style="width: 90%; height: 50%;">
			</div>
			<div class="cls3" style="width: 95%; height: 50%;">
			</div>
		</div>
	</body>
	
	<style>
		.cls2{
			background-color: gold;
		}
		.cls3{
			background-color: goldenrod;
		}
	</style>
	
	<style scoped="scoped">
		.cls3{
			background-color: darkmagenta;
		}
	</style>
</html>

结论:

scoped的优先级更强,起效的是scoped

效果:
没加
加了scoped之后:

发布了84 篇原创文章 · 获赞 9 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/xue15029240296/article/details/102502316