HTML与CSS基础之否定伪类(四)

最新推荐文章于 2023-08-12 10:53:43 发布

原创最新推荐文章于 2023-08-12 10:53:43 发布 · 430 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML CSS 基础否定伪类

HTML和CSS基础专栏收录该内容

9 篇文章

订阅专栏

本文介绍CSS中否定伪类:not()的选择器用法，并通过一个示例展示了如何排除特定ID的<p>元素应用样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>否定伪类</title>
		<style type="text/css">
			p:not(#id) {
				background-color: #ADFF2F;
			}//not括号里面传递选择器即可
		</style>
	</head>

	<body>
		<p>测试否定伪类选择器</p>
		<p>测试否定伪类选择器</p>
		<p>测试否定伪类选择器</p>
		<p id="id">这个一定不能被选中</p>
		<p>测试否定伪类选择器</p>
		<p>测试否定伪类选择器</p>
	</body>

</html>