<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>关联选择器和组合选择器</title>
<style>
span b{/* 关联选择器--选择器中的选择器
b | span b */
background-color:#009;
color:#3C0;
}
/*组合选择器*/
.haha,.hehe,div{/*对多种选择器进行相同样式的定义*/
background-color:#000;
color:#FFF;
}
</style>
</head>
<body>
<div id="qq">这是一个div<b>区域</b>1 </div>
<div class="haha">这是一个div区域2</div>
<span>span<b>区域</b>1</span>
<span class="haha">span2</span>
<p class="hehe">这是一个段落1</p>
<p>这是一个段落1</p>
</body>
</html>
CSS 关联选择器和组合选择器
最新推荐文章于 2022-12-08 19:18:06 发布