CSS 关联选择器和组合选择器

最新推荐文章于 2022-07-16 08:14:08 发布

Aseveng

最新推荐文章于 2022-07-16 08:14:08 发布

阅读量984

点赞数

分类专栏：网页前端

本文链接：https://blog.csdn.net/Aseveng/article/details/78424530

版权

网页前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!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>

优惠劵

Aseveng

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS 关联选择器和组合选择器

关联选择器和组合选择器span b{/* 关联选择器--选择器中的选择器 b | span b */ background-color:#009; color:#3C0;}/*组合选择器*/.haha,.hehe,div{/*对多种选择器进行相同样式的定义*/ background-color:#000; color:#FFF;} 这是一个div区域1
复制链接

扫一扫