伪类选择器分为动态伪类选择器、目标伪类选择器、语言伪类选择器、UI状态伪类选择器、结构伪类选择器和否定伪类选择器。
伪类选择器书法格式:E:pseudo-class{property:value} 在其中 E是html中的元素,pseudo-class是伪类选择器的名称,property是css属性名称,value是属性值。
动态伪类选择器: E:linked 元素未被访问
E:visited 元素已被访问
E:active 元素被激活
E:hover 鼠标悬停元素上
E:focus 元素获得焦点
注意:锚点伪类的设置必须遵循一个‘爱恨原则’,也就是‘link-visited-hover-active’
目标伪类选择器: E:target (实例有手风琴效果)
语言伪类选择器: <html lang=“en-US”> 或 <body lang="fr">
UI状态伪类选择器 : E:checked 选中状态 匹配选中的复选按钮或单选按钮表单元素
E:enabled 启动状态 匹配所有启动的表单元素
E:disabled 不可用状态 匹配所有禁用的表单元素
结构伪类选择器:
否定伪类选择器: E :not(F) 匹配所有除元素F以外的E元素