CSS更多选择器

最新推荐文章于 2024-08-14 12:55:09 发布

qq_34786755

最新推荐文章于 2024-08-14 12:55:09 发布

阅读量81

点赞数

分类专栏：伪元素选择器文章标签： html

本文链接：https://blog.csdn.net/qq_34786755/article/details/113527787

版权

伪元素选择器专栏收录该内容

2 篇文章 0 订阅

订阅专栏

CSS更多选择器

选择器种类

id,* 选择制定元素中被用户选中的内容

逗号选择器联合选择器

空格选择器子孙（后代）选择器

》选择器子选择器（不是后代选择器）

+选择器相邻兄弟选择器

[] 属性选择器

代码以及运行结果


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>伪元素选择器</title>
		<link rel="stylesheet" type="text/css" href="./weiyuansu.css"/>
	</head>
	<body>
		<p>测试地址0</p>
		<p class="p1" id="name">测试地址1</p>
		<p class="p1">测试地址2</p>
		<h1 id="name1">测试地址3 </h1>
		<p>测试地址4</p>
		<p>测试地址5></p>
		<p>测试地址6</p>
		<p>测试地址7</p>
		<p>测试地址8</p>
		<table bgcolor="#0000FF" border="1" width="500">
			<tr>
				<th>222</th>
				<th>222</th>
				<th>222</th>
				<th>222</th>
			</tr>
			<tr>
				<th>222</th>
				<th>222</th>
				<th>222</th>
				<th>222</th>
			</tr>
			<tr>
				<th>222</th>
				<th>222</th>
				<th>222</th>
				<th>222</th>
			</tr>
			<tr>
				<th>222</th>
				<th>222</th>
				<th>222</th>
				<th>222</th>
			</tr>
		</table>
	</body>
</html>

.p1{
	background-color: #008000;
	font-size: 38px;
	color: #FF0000;
}
/* p{
	background-color: #FF0000;
} */
#name1,#name{
	font-size: 60px;
}

*{
	/* 全局修改 body里面的全部修改 */
	background-color:red;
}

在这里插入图片描述