CSS 选择器参考手册
实例
设置非 <p> 元素的所有元素的背景色:
:not(p)
{
background-color: #ff0000;
}
亲自试一试
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流浏览器均支持 :not 选择器,除了 IE8 及更早的版本。
定义和用法
:not(selector) 选择器匹配非指定元素/选择器的每个元素。
CSS 选择器参考手册
CSS3 not选择器是CSS3中新增的一种选择器,它可以用来排除特定的元素。它可以帮助我们快速地找到页面中不包含特定元素的元素,而不必再使用复杂的选择器。
not选择器的语法是:selector:not(subselector),其中selector表示要匹配的元素,subselector表示要排除的元素。例如:
div:not(.class1) { background-color: #ccc; }
上面代码表示,所有div元素都会设置背景色为#ccc,但是class1这个class名字的div不会设置背景色。
not选择器也可以用来匹配多个子选择器。例如:
div:not(.class1, .class2) { background-color: #ccc; }
上面代码表明,所有div元素都会设置背景色为#ccc,但是class1和class2这两个class名字的div不会设置背景色。
此外,not选择器也可以用来匹配一些特定的HTML标记。例如:
:not(h1, h2, h3, h4, h5, h6) { font-size: 14px; }
上面代码表明,所有h1到h6标记之外的标记都会使用14px大小字体显示文字内容。
总之,CSS3 not选择器是一个很强大而又方便使用的工具,它可以帮助我们快速地找到不包含特定元素、特定选择器或者特定HTML标记的元素。因此在开发Web应用时应该尽量使用这一工具来减少开发时间并提升效率。
CSS 选择器参考手册
设置非 <p> 元素的所有元素的背景色:
:not(p)
{
background-color: #ff0000;
}
亲自试一试
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流浏览器均支持 :not 选择器,除了 IE8 及更早的版本。
:not(selector) 选择器匹配非指定元素/选择器的每个元素。
CSS 选择器参考手册
CSS 选择器参考手册实例突出显示活动的 HTML 锚:p:target{ border: 2px solid #D4D4D4;background-color: #e5eecc;}亲自试一试...
CSS [attribute] 选择器完整CSS选择器参考手册定义和用法[attribute]选择器选择具有指定属性的元素。element1 [attribute]也称为...
CSS :before 选择器完整CSS选择器参考手册定义和用法:before 选择器向选定的元素前插入内容。:before是伪元素,并且它生成包含放...
CSS3 perspective属性实例设置从何处查看一个元素的角度:div{perspective: 500;-webkit-perspective: 500; }浏览器支持表格中的...
CSS 参考手册实例设置旋转元素的基点位置:div{transform: rotate(45deg);transform-origin:20% 40%;-ms-transform: rotate(45de...