`
zhangyaochun
  • 浏览: 2620321 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css3伪类:not

    博客分类:
  • css3
阅读更多

 

    http://www.w3.org/TR/css3-selectors/

 

    css3伪类:not

 

     语法

 

//an E element that does not match simple selector s
E:not(s)

 

 

 

    代码示例

 

    

//input里面排除掉button
input:not([type="button"]){
	border:1px solid red;
}

 

 

分享到:
评论

相关推荐

    CSS3伪类选择器;例如:E:root、E:not等等

    CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文档中,根元素始终是 E:not 否定选择器,它和JQuery中的:not选择器一模一样,可以选择除某个元素以外的元素, E:first-child 第...

    HTML5&CSS3网页制作:结构化伪类选择器.pptx

    HTML5和CSS3是现代网页制作的核心技术,其中CSS3的结构化伪类选择器是增强网页样式控制的重要工具。这些选择器允许开发者更精确地定位和应用样式,提高页面设计的灵活性和可维护性。 首先,`:root`选择器用于选取...

    CSS3参考手册(css3语法使用查询手册)CHM版.rar

    CSS3参考手册(css3语法使用查询手册)CHM版,可快速索引和搜索CSS3各种属性值以及具体的用法,说详细介绍有CSS3选择器的各方面知识,这包括UI元素状态伪类 E:checked、结构性伪类 E:nth-of-type(n)、子串匹配的属性...

    CSS3 :not()选择器实现最后一行li去除某种css样式

    随着技术的发展,CSS3引入了许多新特性,其中一个便是`:not()`伪类选择器。`:not()`选择器允许我们选择不匹配指定选择器的所有元素,从而在某些情况下简化CSS代码,提高代码可读性和效率。 本文将详细介绍如何使用`...

    第39章 UI元素状态伪类选择器

    9. `:not()` 伪类:这个选择器用于选择不符合指定条件的所有元素,提供了更灵活的反向选择能力。 在实际开发中,结合使用这些伪类选择器可以创建出丰富多样的用户交互体验。了解并熟练运用它们,对于前端开发者来说...

    HTML5+CSS3移动商城-分类

    2. 选择器增强:CSS3新增了伪类和伪元素选择器,如`:nth-child()`、`:not()`、`:checked`等,可以更精准地选取和操作元素,创建动态分类效果。 3. 弹性盒模型(Flexbox):Flexbox使得布局更加灵活,可以轻松实现...

    图解CSS3核心技术与案例实战pdf

    1. **选择器增强**:CSS3引入了更强大的选择器,如属性选择器、伪类和伪元素,使得对HTML元素的定位更为精确。例如,`:nth-child()` 可以根据元素在父元素中的位置进行选择,`:not()` 则可以排除特定的选择。 2. **...

    postcss-selector-not:PostCSS插件进行转换

    PostCSS插件,将:not() W3C CSS 4级伪类转换为:not()CSS 3级选择器 安装 $ npm install postcss postcss-selector-not 用法 使用此input.css : p : not ( : first-child , . special ) { color : red; } 你...

    css :not的多个条件的写法详解

    在CSS(层叠样式表)中,`:not` 伪类选择器是一个强大的工具,它允许我们选择那些不匹配指定选择器的元素。这个选择器的使用极大地增强了我们的选择器表达能力,使得我们可以更加精确地定义元素的样式,特别是在处理...

    四种css 伪类选择器

    CSS伪类选择器是CSS中一种特殊的选择器,它们用来定义元素的特殊状态,如元素被访问过的状态、鼠标悬停的状态、内容的特定部分等等。它们允许开发者在没有额外的类或ID的情况下,为元素的某个状态定义样式,从而增强...

    HTML5+CSS3网页设计与制作教案PPT

    相比CSS2,CSS3增加了许多新的选择器,如:nth-child()、:not()、:before和:after伪元素等,让样式设置更为精准。同时,CSS3提供了丰富的动画和过渡效果,如transform、transition和animation,可以实现平滑的动态...

    CSS3伪类选择器:nth-child()

    CSS3的:nth-child()伪类选择器是一种强大的样式选择工具,允许开发者更加精确地选取页面中的元素,尤其在处理列表或其他具有多个同级元素的场景下。它基于元素的兄弟关系和它们在父元素中的相对位置来应用样式,极大...

    CSS使用placeholder-shown伪类实现输入框浮动文字效果

    【CSS伪类`:placeholder-shown`的使用】 在网页设计中,提高用户体验是至关重要的,尤其是在处理表单输入时。`:placeholder-shown`是CSS3引入的一个伪类,它允许开发者更加灵活地控制输入框(`<input>`)中占位符...

    vs 2010 CSS3插件

    1. **选择器增强**: 如`:nth-child()`、`:not()`、`:hover`、`:focus`等伪类和`:first-of-type`、`:last-of-type`等伪元素,使得选择器更加强大和灵活。 2. **边框和背景**: `border-radius`用于圆角边框,`box-...

    CSS3参考手册 v4.0中文版

    CSS3引入了许多新的选择器,如属性选择器、伪类和伪元素,例如: - ``:nth-child(n)``: 选取父元素的第n个子元素。 - ``:nth-of-type(n)``: 选取父元素的第n个特定类型的子元素。 - ``:not()``: 选择不匹配指定选择...

    css3垂直时间轴

    1. **选择器与属性**:CSS3新增了许多选择器,如`:nth-child()`, `:nth-of-type()`, `:not()`等,可以更精确地控制元素样式。同时,增加了许多新的样式属性,如`border-radius`(圆角)、`box-shadow`(阴影)、`...

    一些简单的CSS样式

    - 伪类和伪元素扩展:如`:nth-child()`、`:not()`、`::before`、`::after`等。 - 选择器增强:如`attribute selectors`、`nth-* selectors`、`target selectors`等。 - CSS3边框和背景:圆角边框、阴影、背景图片...

    CSS3现代头部导航

    6. **动画与伪类**:CSS3的`@keyframes`规则和`animation`属性可以创建自定义动画,而伪类如`:nth-child()`和`:not()`可以方便地控制导航菜单的展开和收起状态。 7. **字体图标**:使用`@font-face`规则,我们可以...

    HTML5+CSS3中文参考手册(3手册) chm版中文参考手册打包

    1. **选择器增强**:如伪类`:nth-child()`, `:nth-of-type()`, `:not()`等,使得选择元素更加精确。 2. **边框与背景**:引入了圆角边框、多边形边框、渐变背景和图片背景定位等。 3. **盒模型**:新增了`box-...

Global site tag (gtag.js) - Google Analytics