CSS3新增了哪些选择器?

CSS3新增了多种选择器，包括属性选择器、伪类选择器和伪元素选择器等。属性选择器可以选取带有指定属性的元素，伪类选择器可以选取文档结构中特定状态的元素，而伪元素选择器则可以选取文档中不存在的虚拟元素。

CSS3新增的选择器主要包括属性选择器、结构伪类选择器和伪元素选择器，这些选择器的增加，使得开发者能够更加精确地选中需要样式化的HTML元素，从而减少了对类和ID的依赖，提高了CSS代码的灵活性和可维护性，下面将详细分析各类选择器的用途和特点：

1、属性选择器

E[att]：选取具有att属性的E元素。

E[att="val"]：选取具有att属性且属性值等于"val"的E元素。

E[att^="val"]：选取具有att属性且属性值以"val"开头的E元素。

E[att$="val"]：选取具有att属性且属性值以"val"结尾的E元素。

**E[att*="val"]**：选取具有att属性且属性值包含"val"的E元素。

2、结构伪类选择器

:firstchild：选取父元素的第一个子元素。

:lastchild：选取父元素的最后一个子元素。

:nthchild(n)：选取父元素的第n个子元素。

:firstoftype：选取父元素中第一个指定类型的子元素。

:lastoftype：选取父元素中最后一个指定类型的子元素。

:nthoftype(n)：选取父元素中第n个指定类型的子元素。

:empty：选取没有任何子元素的元素。

:root：选取文档的根元素。

3、伪元素选择器

::before：选取元素的前插入点。

::after：选取元素的后插入点。

4、UI元素状态伪类选择器

:enabled：选取每个启用的input元素。

:disabled：选取每个禁用的input元素。

:checked：选取每个被选中的input元素（仅Opera浏览器支持）。

5、否定伪类选择器

:not(selector)：选取非指定选择器的元素。

6、用户界面伪类选择器

::selection：选取用户选取的部分元素。

CSS3新增的选择器为开发者提供了更强大而灵活的手段来选择和样式化HTML元素，这些新选择器不仅减少了对类和ID的依赖，还使得CSS代码更加简洁易读，对于前端开发者来说，掌握这些新选择器的用法无疑会提高开发效率和页面的质量。