CSS 伪类选择器

简介: CSS 伪类选择器

E:link

链接伪类选择器

选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过,常用于链接锚点上


E:visited

链接伪类选择器

选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过,常用于链接锚点上


E:active

用户行为伪类选择器

选择匹配的E元素,而且匹配元素被激活,常用于链接锚点和按钮上


E:hover

用户行为伪类选择器

选择匹配的E元素,而且用户鼠标停留在元素E上。


E:focus

用户行为伪类选择器

选择匹配的E元素,且匹配元素获得焦点


E:target

选择匹配的E元素,而且匹配元素被相关URL指向


Eg:

另一种是手工在文档中指定lang属性

E:checked

选中状态伪类选择器

匹配选中的复选按钮或单选按钮表单元素


E:enabled

启用状态伪类选择器

匹配所有启用的表单元素


E:disabled

不可用状态伪类选择器

匹配所有禁用的表单元素


E:firse-child

E:first-child


作为父元素的第一个子元素的元素E。与E:nth-child(1)等同

作为父元素的第一个子元素的元素E。与E:nth-child(1)等同


E:last-child

E:last-child


作为父元素的最后一个子元素的元素E。与E:nth-last-child(1)等同

作为父元素的最后一个子元素的元素E。与E:nth-last-child(1)等同


E:root

E:root


选择匹配元素E所在文档的跟元素。在HTML文档中,跟元素始终是html,此时该选择器与html类型选择器匹配的内容相同。

选择匹配元素E所在文档的跟元素。在HTML文档中,跟元素始终是html,此时该选择器与html类型选择器匹配的内容相同。


E F:nth-child(n)

E F:nth-child(n)


选择父元素E的第N个子元素F。其中N可以是整数(1、2、3)、关键字(even、odd)、可以是公式(2n+1、-n+5)而且n值起始值为1

选择父元素E的第N个子元素F。其中N可以是整数(1、2、3)、关键字(even、odd)、可以是公式(2n+1、-n+5)而且n值起始值为1


E F:nth-last-child(n)

E F:nth-last-child(n)


选择元素E的倒数第N个子元素f。此选择器与E F:nth-child(n)选择器计算顺序刚好相反,但使用方法都是一样的,其中:nth-last-child(1)始终匹配的时最后一个元素,与:last-child等同

选择元素E的倒数第N个子元素f。此选择器与E F:nth-child(n)选择器计算顺序刚好相反,但使用方法都是一样的,其中:nth-last-child(1)始终匹配的时最后一个元素,与:last-child等同


E:nth-of-type(n)

E:nth-of-type(n)


E:not(F)

匹配所有除元素F外的E元素


相关文章
|
20天前
|
移动开发 前端开发 HTML5
2024.3.30-认识 CSS (文本样式、复合选择器)
2024.3.30-认识 CSS (文本样式、复合选择器)
|
16天前
|
前端开发
CSS选择器详解与应用实例
CSS选择器详解与应用实例
116 44
|
9天前
|
前端开发 JavaScript 算法
CSS【详解】样式选择器的优先级(含提升优先级的方法)
CSS【详解】样式选择器的优先级(含提升优先级的方法)
10 0
CSS【详解】样式选择器的优先级(含提升优先级的方法)
|
16天前
|
前端开发 开发者
CSS伪类选择器:增强内容表现力的利器
CSS伪类选择器:增强内容表现力的利器
15 4
|
24天前
|
前端开发
CSS基础之伪元素选择器(如果想知道CSS的伪元素选择器知识点,那么只看这一篇就足够了!)
CSS基础之伪元素选择器(如果想知道CSS的伪元素选择器知识点,那么只看这一篇就足够了!)
|
7天前
|
前端开发 JavaScript C++
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
12 0
|
13天前
|
前端开发
前端 CSS 经典:好用的 CSS 选择器
前端 CSS 经典:好用的 CSS 选择器
13 0
|
13天前
|
前端开发
CSS2(一):CSS选择器(2)
CSS2(一):CSS选择器(2)
10 0
|
13天前
|
前端开发
CSS2(一):CSS选择器(1)
CSS2(一):CSS选择器(1)
10 0
|
13天前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
12 0