css3选择器有:1、素选择器;2、类选择器;3、id选择器;4、属性选择器;5、后代选择器;6、相邻兄弟选择器;7、伪类选择器;8、伪素选择器;9、组合选择器;10、层级选择器;11、关系选择器;12、否定伪类;13、目标伪类;14、输入框伪类;15、结构化伪类;16、目标伪类;17、否定伪类;18、目标伪类。选择器提供了更丰富和灵活的语法来选择和操作html素。

本教程操作系统:windows10系统、DELL G3电脑。
CSS3选择器提供了更丰富和灵活的语法来选择和操作HTML素。以下是一些常见的CSS3选择器:
1、素选择器:这是最基本的CSS选择器,它根据HTML素的标签名来选择素。例如,p选择器将选择所有的段落素。
2、类选择器:类选择器通过素的class属性来选择素。例如,.my-class选择器将选择所有类名为my-class的素。
立即学习“前端免费学习笔记(深入)”;
3、ID选择器:ID选择器通过素的id属性来选择素。例如,#my-id选择器将选择ID为my-id的素。
4、属性选择器:属性选择器通过素的属性来选择素。例如,[type="text"]选择器将选择所有type属性值为"text"的素。
5、后代选择器:后代选择器通过素的后代关系来选择素。例如,parent child选择器将选择所有parent素下的child素。
6、相邻兄弟选择器:相邻兄弟选择器通过素的相邻兄弟关系来选择素。例如,element + sibling选择器将选择紧接在element素后的sibling素。
7、伪类选择器:伪类选择器通过素的特定状态来选择素。例如,:hover选择器将选择鼠标悬停在素上时的状态。
8、伪素选择器:伪素选择器通过素的特定部分来选择素。例如,::before选择器可以选择素的内容前插入一个伪素。
9、组合选择器:组合选择器用于将多个选择器组合在一起,以更精确地定位和选择素。例如,element>child选择器将选择element素的直接子素child。
10、层级选择器:层级选择器用于根据素的层级关系来选择素。例如,:first-child选择器将选择每个素的第一个子素。
11、关系选择器:关系选择器用于根据素之间的关系来选择素。例如,:nth-child(n)选择器将选择每个素的第n个子素。
12、否定伪类:否定伪类用于排除符合特定条件的素。例如,:not(selector)选择器将排除selector所选择的素。
13、目标伪类:目标伪类用于选择处于特定目标状态的素。例如,:target选择器将选择当前活动的目标素(通常是URL中的#后面的素)。
14、输入框伪类:输入框伪类用于选择处于特定输入状态的输入框素。例如,:valid和:invalid分别用于选择有效的和无效的输入框。
15、结构化伪类:结构化伪类用于根据素的嵌套结构来选择素。例如,:first-of-type和:last-of-type分别用于选择同一类型的第一个和最后一个素。
16、目标伪类:目标伪类用于在用户与页面交互时,如悬停、等动作时,对页面中的特定素进行样式设计。例如,:hover, :active, :visited, :link, :first-child, :last-child, :nth-child(n), :nth-last-child(n), :checked, :disabled, :enabled, :selected, :valid, :invalid等等。
17、否定伪类:否定伪类用于排除符合特定条件的素。例如,:not(selector)用于排除selector所选择的素。
18、目标伪类:目标伪类用于在用户与页面交互时,如悬停、等动作时,对页面中的特定素进行样式设计。例如,:target用于选中当前活动的目标素(通常是URL中的#后面的素)。
以上就是css3选择器有哪些的详细内容,更多请关注激活谷其它相关文章!
今天的文章 2025年css3伪类选择器有哪些(css的伪类选择器)分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ri-ji/28246.html