css并集选择器

最新推荐文章于 2024-09-20 02:44:07 发布

异想实验室

最新推荐文章于 2024-09-20 02:44:07 发布

阅读量2.2k

点赞数

分类专栏： HTML 文章标签： css html 前端

异想实验室

本文链接：https://blog.csdn.net/weixin_43775400/article/details/123187915

版权

HTML 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

并集选择器可以选择多组标签，同时针对他们的样式进行更改；

格式：元素1，元素2，元素2{}

元素中间用英文逗号隔开，逗号是“和”的意思，通常用于集体声明；

html+css代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>复合选择器之并集选择器</title>
		<style>
			
			/* 		div,p{
			color: pink;
		} */

			div,p,.pig {
				color: pink;
			}
		</style>
	</head>
	<body>

		并集选择器可以选择多组标签，同时针对他们的样式进行更改<br>
		元素1，元素2，元素2{} 元素中间用英文逗号隔开，逗号是“和”的意思，通常用于集体声明；
		<div>熊大</div>
		<p>熊二</p>
		<span>光头强</span>
		<ul class="pig">
			<li>小猪佩奇</li>
			<li>猪爸爸</li>
			<li>猪妈妈</li>
		</ul>
	</body>
</html>

实现效果：