:not(selector) 选择器匹配非指定元素/选择器的每个元素.
源代码
<!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选择器-系列文章 1、not选择器 :not(selector) 选择器匹配非指定元素/选择器的每个元素. ...
CSS选择器最主要的基础选择器。 选择器 含义通用元素选择器，匹配页面任何元素。（这也就决定了我们很少使用）...
标签选择器 指用HTML标签名称作为选择器，按标签名进行分类，为页面中的某一类标签指定为同一样式。 类选择器 类选...
1、元素/标签/类型选择器 以标签作为选择器 p{color:#f00;} div{ba...
一、什么是选择器 选择器是指通过一定的语法规则选取对应的HTML标记，然后给对应的HTML标记设置样式。选择器分为...
选择器
标签选择器 标签选择器是指用HTML标签名作为选择器，可以把某一类标签全部选择出来，然后为页面中某一类标签指定统一...
常用选择器 子代和父代选择器 伪类选择器 伪元素 属性选择器 孩子选择器 兄弟选择器 否定伪类 优先选择器 a的伪类
一、元素选择器 文档元素为最基本的选择器示例： 二、id选择器 id 选择器可以为标有特定 id 的 HTML 元...
CSS选择器、CSS属性 css的固定格式： 注意点： style写在head中间，type="text/css"...
本文标题：CSS-选择器13-:not
本文链接：https://www.haomeiwen.com/subject/qcnhqxtx.html
网友评论