并列选择器

最新推荐文章于 2023-03-05 22:47:11 发布

给我一个威朗普

最新推荐文章于 2023-03-05 22:47:11 发布

阅读量1k

点赞数

文章标签：软件测试

本文链接：https://blog.csdn.net/qq_41543169/article/details/106736514

版权

2023年以前的内容专栏收录该内容

98 篇文章 0 订阅

订阅专栏

并列选择器：就是将多个选择器使用逗号进行连接，表示同时选中这些元素，然后设置相同的样式，其中每个部分的选择器可以由任意类型的选择器构成。
代码演示部分如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>并列选择器</title>
		<style type="text/css">
			/* 让h4和h的样式相同 */
			/* h4{ */
				/* width: 100px; */
				/* height: 100px; */
				/* background-color: seagreen; */	
			/* } */
			/* p{ */
				/* width: 100px; */
				/* height: 100px; */
				/* background-color: seagreen; */
		.one span,p{
			width: 100px;
			height: 100px;
			background-color: #0000FF;
		}
		</style>
	</head>
	<body>
		<!--将H4和P标签样式设置为相同 -->
		<h4 class="one"></h4>
			<span></span>
		<p></p>
		<a href=""</a>
	</body>
</html>