css 伪类

于 2024-04-28 发布 阅读量631  

与链接状态有关
:hover     当鼠标悬停在元素上时应用的样式
:active     当用户点击元素并保持按下状态时应用的样式
:visited    已访问链接的样式
:link         选择未被访问的链接

:nth-child()     选择父元素的第 n 个子元素,并且特定于每个父元素
:nth-of-type() 选择某个父元素下特定类型的第几个子元素
:first-child       选择第一个
:last-child        最后一个子元素
:first-of-type    选择父元素下特定类型的第一个子元素
:last-of-type     选择父元素下特定类型的最后一个子元素
:nth-last-child()选择父元素下的倒数第几个子元素
:nth-last-of-type()选择父元素下特定类型的倒数第几个子元素
:only-child        选择父元素下唯一的子元素
:only-of-type    选择父元素下唯一的特定类型子元素
:not()       排除满足特定选择器的元素
:empty     选择没有子元素的元素

:target      选择当前活动的目标元素(例如,通过 URL 中的锚点链接到的元素)

与表单有关
:focus       当元素获取焦点时应用的样式(通常用于表单元素)
:checked  选择已被选中的表单元素(如复选框或单选按钮)
:disabled  选择被禁用的表单元素
:enabled   选择可用的表单元素