css中的伪类有哪些

当前第2页 返回上一页

1、动态伪类选择器

不同的状态，使用不同的样式。

• E:link

• E:visited

• E:active

• E:hover

• E:focus

2、目标伪类选择器

用来匹配页面的URI中某个标识符的目标元素。

E:target

选择匹配E的所有元素，且匹配元素被相关URL指向。

3、语言伪类选择器

用来匹配使用指定语言的元素。

E:lang(language)

4、元素状态伪类选择器

当元素处于某种状态下时，才起作用，在默认状态下不起作用。

• E:checked

eg:

• E:enabled

eg:

• E:disabled

eg:

5、结构伪类选择器

这个就比较多了，平时用的也比较频繁。

• :nth-child

• :nth-last-child

• :nth-of-type

• :nth-last-of-type

• :first-child

• :last-child

• :only-child

• :first-of-type

• :last-of-type

• :only-of-type

• :root 匹配元素所有在文档的根元素

• :empty 选择没有子元素的元素，且不包含节点

6、否定伪类选择器

• E:not(F) 匹配所有除F外的E元素

（学习视频分享：css视频教程）

以上就是css中的伪类有哪些的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

css定位图片位置不变的实现方法

什么是css，其主要作用是什么

如何使用css设计出一个表单页面（附示例）

常见的css块级元素有哪些

html5实践-使用css装饰图片画廊的代码分享（二）

css的clearfix如何实现清楚浮动

怎么查看网站的css

css中的position是什么意思

css如何设置td溢出隐藏

css实现聚光灯效果的代码分享

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css中的伪类有哪些