css状态选择器有哪些

魁首哥

作者

css状态选择器有哪些

这篇文章将为大家详细讲解有关css状态选择器有哪些，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

状态选择器

选择器	说明	版本	常用
`:active`	鼠标激活的`元素`	1	×
`:hover`	鼠标悬浮的`元素`	1	√
`:link`	未访问的`链接元素`	1	×
`:visited`	已访问的`链接元素`	1	×
`:target`	当前锚点的`元素`	3	×
`:focus`	输入聚焦的`表单元素`	2	√
`:required`	输入必填的`表单元素`	3	√
`:valid`	输入合法的`表单元素`	3	√
`:invalid`	输入非法的`表单元素`	3	√
`:in-range`	输入范围以内的`表单元素`	3	×
`:out-of-range`	输入范围以外的`表单元素`	3	×
`:checked`	选项选中的`表单元素`	3	√
`:optional`	选项可选的`表单元素`	3	×
`:enabled`	事件启用的`表单元素`	3	×
`:disabled`	事件禁用的`表单元素`	3	√
`:read-only`	只读的`表单元素`	3	×
`:read-write`	可读可写的`表单元素`	3	×
`:target-within`	内部锚点元素处于激活状态的`元素`	4	×
`:focus-within`	内部表单元素处于聚焦状态的`元素`	4	√
`:focus-visible`	输入聚焦的`表单元素`	4	×
`:blank`	输入为空的`表单元素`	4	×
`:user-invalid`	输入合法的`表单元素`	4	×
`:indeterminate`	选项未定的`表单元素`	4	×
`:placeholder-shown`	占位显示的`表单元素`	4	√
`:current()`	浏览中的`元素`	4	×
`:past()`	已浏览的`元素`	4	×
`:future()`	未浏览的`元素`	4	×
`:playing`	开始播放的`媒体元素`	4	×
`:paused`	暂停播放的`媒体元素`	4	×

css的基本语法是什么

css的基本语法是：1、css规则由选择器和一条或多条声明两个部分构成；2、选择器通常是需要改变样式的HTML元素；3、每条声明由一个属性和一个值组成；4、属性和属性值被冒号分隔开。

关于“css状态选择器有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

发布于 2022-03-19 21:10:45

分享

分享空间
分享微博
手机扫一扫

海报

44

上一篇：Docker目录挂载及文件共享的方法下一篇：linux中怎么使用wget下载一个目录下的所有文件

目录

推荐阅读