CSS3 :not 选择器 完整CSS选择器参考手册 实例 为每个并非 <p> 元素的元素设置背景颜色: [mycode3 type='css'] :not(p) { color: #ff0000; } [/mycode3] 尝试一下 » 定义和用法 :not(selector) 选择器匹配每个元素是不是指定的元素/选择器。 CSS
:not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框,CSS代码可以写成: form{width:200px;margin:20px auto; }div{margin-bottom:20px; }input:not([type="submit"]){border:1px solid...
CSS3属性选择器与(:not)选择器 一:css3属性选择器 img[alt]{ border:2px dashed #000; } 这个选择器会匹配页面标签中任何一个含有alt属性的图片标签。 还可以通过设定属性值来缩小匹配范围:如下代码: img[alt="atwi_oscar"]{ border:2px dashed #000; } css3的子字符串匹配属性选择器 (1)‘匹配开头...
1 代码应用实例。这个代码排除了元素P:not(p){ background-color: #ff0000; } 2 CSS3 animation 属性，在网页中加入一个红方框动画！div{width:50px;height:50px;background:red;position:relative;animation:mymove 6s infinite;-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/}@keyframes ...
CSS3 结构性伪类选择器—not :not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框,CSS代码可以写成: form { width: 200px; margin: 20px auto; } div { margin-bottom: 20px; } ...
语法:E:not(){ sRules }说明:匹配不含有s选择符的元素E。例如:1.选择所有不包含class3的元素 2.选择含有子元素的pre元素:empty 选择器匹配没...
1.not选择器 not选择器表示除了某个符合条件的选择器 //结构//样式div { width: 200px; height: 200px; background-color: wheat; } /* 将不是.test的div背景颜色改成pink */ /* div:not(.test) { background-color: pink; } */ /* 将类名不是demo的div背景颜色改成pink */ div:not([class...
css3-not选择器妙用 前言 css3中增加了not选择器,可以用于排除不符合某些规则的元素,下面我从语法,兼容性,可能的实践三个角度更好的学习使用它。 语法 :not(cssRules) 兼容性 实践 筛选出不符合原则的元素 这种应该属于最基本的用法,不再过多描述。
CSS基础篇--CSS3属性选择器与(:not)选择器 一:css3属性选择器 img[alt]{ border:2px dashed #000; } 这个选择器会匹配页面标签中任何一个含有alt属性的图片标签。 还可以通过设定属性值来缩小匹配范围:如下代码: img[alt="atwi_oscar"]{ border:2px dashed #000;...
div:not(.b) { color: red; } 1. 2. 3. div:not(.b) 它可以选择除了 class 为 .b 元素之外的所有 div 元素: tips:继承性属性可能会失效 注意!!! 4.:has 伪类选择器 解释::has 伪类接受一个选择器组作为参数,该参数相对于该元素的 :scope 至少匹配一个元素。 例如...