CSS3选择器(一)

时间:2022-05-15 22:39:51

E[att^='val']

选择属性值以val开头的任何字符

E[att$='val']

选择属性值以val结尾的任何字符

E[att*='val']

选择属性值包含val的任何字符

:root

HTML层

:not([])

同jquery

:empty

选择没有任何内容的元素

:target

匹配文档的url的某个标志的目标元素

:first-child

选择父元素的第一个子元素

:last-child
:nth-child(n)

选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。

:nth-last-child(n)

从父元素的最后一个子元素开始计算,属性同上

:first-of-type:

指定父元素的第一个X元素

:nth-of-type(n)

选择父元素中指定的某种子元素类型

:nth-last-of-type(n)

选择父元素中指定的某种子元素类型,它的起始方向是从最后一个子元素开始

:first-of-type

选择是父元素下的某个类型的第一个子元素

:last-of-type

选择是父元素下的某个类型的最后一个子元素

:only-child

选择器选择的是只有一个子元素,而且只有唯一的一个子元素的元素。

:only-of-type

选择器选择的是只有一个(唯一的)某种子元素。