伪类选择器和结构类

动态伪类:这些伪类并不存在于html中,只有当用户和网站交互的时候才能体现出来

锚点伪类::link    :visited

用户行为伪类:    :hover     :active     :focus

UI元素状态伪类:enable(可编辑)   disabled(不可编辑)   :checked(选择器匹配每个已被选中的input元素【只用于单复选框】)

结构类:

Element:frist-child    选择属于其父元素的首个子元素的每个Element元素

兼容:IE8+   Firefox   Chrome   Safari   Opera

Element:last-child    选择属于其父元素的最后一个子元素的Element元素

Element:nth-child(N)   :nth-child(N) 选择器匹配属于其父元素的第N个子元素   不论元素的类型

兼容:IE9+   Firefox4+   Chrome   Safari   Opera

Element:nth-child(number)   选择某元素下的第number Element元素

Element:nth-child(N):odd(奇数)   even(偶数)

Element:nth-last-child(N):匹配属于其元素的第N个子元素的每个元素,不论类型  从最后一个子元素开始计算

Element:nth-of-type(N):        :nth-of-type(N)选择器匹配属于父元素的特定类型的第N个子元素的每个元素

Element:nth-last-of-type(N):匹配属于其元素的第N个子元素的每个元素,不论类型  从最后一个子元素开始计算

Element:frist-of-type(N)

Element:only-child:only-child选择器匹配属于其父元素的唯一子元素的每个元素

Element:nth-only-of-type

 

Element:empty    :empty选择器匹配没有子元素(包括文本节点)的每个元素

否定选择器(not)

:not(Element/selector) 选择器匹配非指定元素/选择器的每个元素

语法格式:父元素:not(子元素/子选择器)  (Father:not(childer/selector))

nav  a:not(:last-of-type)

 

posted @ 2021-05-06 09:29  guided  阅读(88)  评论(0)    收藏  举报