1、not选择器
:not(selector) 选择器匹配非指定元素/选择器的每个元素.
2、效果演示
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css-选择器-not</title>
<style type="text/css">
#div:not(p){
width: 100px;
height: 20px;
background: red;
}
</style>
</head>
<body>
<div id="div">
<p>p1</p>
<div>p2</div>
<p>p3</p>
<p>p4</p>
</div>
</body>
</html>
运行效果:
image.png
下一节 CSS 选择器14-Target