CSS3选择器有哪些新特性

CSS3选择器引入了许多新特性，使得选择元素更加方便和灵活。以下是一些主要的CSS3选择器新特性：

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. 结构伪类选择器：

   • :nth-child(n)：选择父元素中的第n个子元素。
   • :nth-of-type(n)：选择父元素中第n个指定类型的子元素。
   • :first-of-type：选择指定类型E的第一个子元素。
   • :last-of-type：选择指定类型E的最后一个子元素。
   • :only-child：选择没有兄弟元素的元素。
   • :only-of-type：选择没有同类型兄弟元素的元素。

3. 伪元素选择器：

   • ::first-line：选择元素的第一行文字。
   • ::first-letter：选择元素的第一个字母。
   • ::selection：选择文本选中之后的背景色及文字颜色。
   • ::before：在父元素内容的前面创建伪元素。
   • ::after：在父元素内容的后面创建伪元素。
   • ::placeholder：设置输入框或文本域中placeholder属性的样式。

4. 其他新特性：

   • link：选择地址没有被访问过的超链接元素。
   • visited：选择地址被访问过的超链接元素。
   • hover：选择鼠标悬停在上面的元素。
   • active：选择鼠标在上面并且按键按下不松手的元素。
   • focus：选择获取焦点的元素。
   • target：选择当前锚点指向的元素。
   • lang()：根据语言选择元素。
   • ui元素伪类选择器：如:enabled、:disabled、:checked等。
   • 否定伪类选择器：:not(选择器)，排除满足小括号中选择器的元素。

这些新特性极大地丰富了前端开发者的工具箱，使得选择元素更加精确和灵活，从而提高了网页的交互性和用户体验。