css3选择器有哪些

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选择器有哪些的详细内容，更多请关注创想鸟其它相关文章！