CSS 基础学习-214 css[attribute*＝“value”]*尾部值选择器

由 hrs, 22 八月, 2023

实例代码

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			[class*=test] {   /*属性需要用中括号括起来，class前还带*号，代码属性尾部是test 的应用当前样式*/
				background-color:yellow;
				width:400px;
			}
		</style>
	</head>
	<body>
		<h1>CSS [attribute*="value"]选择器</h1>
		<div class="first_test">The first div element.</div>
		<div class="second">The second div element.</div>
		<div class="my-test">The third div element.</div>
		<p class="mytest">This is some text in a paragraph.</p>
	</body>
</html>

运行效果

 

标签

评论