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 选择可用的表单元素
