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![一位經驗豐富的前端開發人員因未能通過算法面試題而受人嘲笑[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)