CSS3新增伪类有哪些?

一、写在前面
css3中新增了很多的伪类，下面我们将对新增的伪类进行总结。
二、总结
2.1、elem:nth-child(n)选中父元素下的第n个子元素，并且在这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数。
2.2、elem:nth-last-child(n)作用同上，不过是从后开始查找。
2.3、elem:last-child选中最后一个子元素。
2.4、elem:only-child如果elem是父元素下唯一的子元素，则选中之。
2.5、elem:nth-of-type(n):查找第n个elem标签的元素。可以为一个函数。
2.6、elem:first-of-type:选中父元素下第一个elem类型的元素。
2.7、elem:last-of-type:选中父元素下最后一个elem类型的元素。
2.8、elem:only-of-type:如果父元素下的子元素只有一个elem类型的元素，则选中该元素。
2.9、elem:empty:选中不包含子元素和内容的elem类型的元素。
2.10、elem:target:选中当前活动的elem元素。
2.11、:not(elem):选择非elem元素的每一个元素。
2.12、:enabled:控制表单控件的禁用状态。
2.13、:disabled:控制表单的禁用状态。
2.14、:checked单选框和复选框被选中。

CSS3新增伪类有哪些?相关推荐

[css] CSS3新增伪类有哪些并简要描述
[css] CSS3新增伪类有哪些并简要描述个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起通关前端面试题
html新增伪类,css3新增伪类有哪些
CSS伪类是用来添加一些选择器的特殊效果,是用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的. 何为伪类? 就是css内置类css内部本身赋予它一些特性和功能,也就是你 ...
php伪类,CSS3新增伪类
p:last-of-type 选择其父元素的最后的一个P元素 p:last-child 选择其父元素的最后子元素(一定是P才行) p:first-of-type ...
html新增伪类,CSS3新增的伪类有哪些与居中div的多种方法
CSS3新增伪类有那些? p:first-of-type:选择属于其父元素的首个元素 p:last-of-type:选择属于其父元素的最后元素 p:only-of-type:属于父元素的特定类型的 ...
css3中的属性选择器以及新增伪类
属性选择器: img[alt]:选择有alt属性的img标签 img[alt="故宫"]:选择alt属性是故宫的img标签 img[alt^="北京"]:选择a ...
记录CSS3 target伪类简介
CSS3 target伪类是众多实用的CSS3特性中的一个.它用来匹配文档(页面)的URI中某个标志符的目标元素.具体来说,URI中的标志符通常会包含一个"#"字符,然后后面带有一 ...
html伪类选择器怎么使用,CSS3 :default伪类选择器使用简介
一.CSS3 :default伪类选择器简介 CSS3 :default 伪类选择器只能作用在表单元素上,表示默认状态的表单元素. 举个例子,一个下拉框,可能有多个选项,我们默认会让某个处于 sel ...
详解html5新增的标签与css3中伪类和伪元素
html5 / css3 基础篇(第一篇) 回顾是的,你没看错!今天是一个全新的开始,今天这一讲我们就要开始h5和c3了,html 和 css的基础篇我们都告一段落了.html一共两篇,css走过了 ...
html5伪类效果延缓,CSS3实现伪类hover离开时平滑过渡效果示例
由于hover伪类添加的动画效果,仅当鼠标放在元素上时会被触发,而当鼠标离开时,效果会中断,会显得很生硬. 大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效 ...

CSS3新增伪类有哪些?

CSS3新增伪类有哪些?相关推荐

最新文章

热门文章