伪类选择器和结构类
动态伪类:这些伪类并不存在于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)

浙公网安备 33010602011771号