温馨提示×

css伪类选择器有哪些

小亿
386
2023-05-24 09:16:43
栏目: 编程语言

CSS 伪类选择器有以下几种:
1. :hover - 鼠标悬停在元素上时触发
2. :active - 元素被激活时触发,通常是元素被点击时触发
3. :focus - 元素获得焦点时触发,通常是输入框或按钮等元素触发
4. :visited - 访问过的链接样式
5. :link - 未访问过的链接样式
6. :first-child - 选择父元素下的第一个子元素
7. :last-child - 选择父元素下的最后一个子元素
8. :nth-child() - 选择父元素下的第 n 个子元素
9. :nth-of-type() - 选择父元素下指定类型的第 n 个子元素
10. :not() - 选择不符合指定条件的元素
11. :checked - 选择被选中的表单元素,如单选框、复选框等
12. :disabled - 选择被禁用的表单元素
13. :enabled - 选择启用的表单元素
14. :empty - 选择没有子元素的元素
15. :first-of-type - 选择父元素下指定类型的第一个子元素
16. :last-of-type - 选择父元素下指定类型的最后一个子元素
17. :only-of-type - 选择父元素下只有一个指定类型的子元素
18. :nth-last-child() - 选择父元素下从后往前数的第 n 个子元素
19. :nth-last-of-type() - 选择父元素下从后往前数的第 n 个指定类型的子元素
20. :target - 选择当前活动的锚点元素

0