CSS3 新增选择器有哪些?

属性选择器

属性选择器在CSS2中就被引入,即E[attr]、E[attr=”value”]、E[attr~=”value”]。

结构性伪类选择器

:first-child 选择器:用于选取属于其父元素的首个子元素的指定选择器

:last-child 选择器:匹配属于其父元素的最后一个子元素的每个元素

:nth-child() 选择器:匹配属于其父元素的第 n 个子元素,n 可以是数字、关键词或公式。

:nth-last-child() 选择器:匹配属于其元素的第 n 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。n 可以是数字、关键词或公式。

:nth-of-type(n):选择器匹配属于父元素的特定类型的第n 个子元素。n 可以是数字、关键词或公式

:nth-last-of-type(n):选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素,从最后一个子元素开始计数。n 可以是数字、关键词或公式。

状态伪类选择器

:checked 匹配用户界面上处于选中状态的元素

:enabled 匹配用户界面上处于可用状态的元素

:disabled 匹配用户界面上处于禁用状态的元素

posted @ 2020-12-30 19:36  人间-  阅读(335)  评论(0编辑  收藏  举报