基础选择器 | 标签选择器 | 标签名 { 属性1: 属性值1; …… } | |
ID选择器 | #id名 { 属性1: 属性值1; …… } | ||
类选择器 | .类名 { 属性1: 属性值1; …… } | ||
通配符选择器 | * { 属性1: 属性值1; … } | ||
复合选择器 | 后代选择器 | 父元素 子孙元素 { 样式声明; } | |
子选择器 | 父元素 > 子元素 { 样式声明; } | ||
并集选择器 | 元素1, 元素2{样式声明;}(多组标签集体声明) | ||
伪类选择器 | 链接伪类选择器 | a:link /*选择所有未被访问的链接*/ a:visited /*选择所有已被访问的链接*/ a:hover /*选择鼠标指针位于其上的链接* /a:active /*选择活动链接(鼠标按下未弹起的链接)*/ | |
foucs伪类选择器 | input:focus{ background-color:yellow; } focus 伪类选择器用于获取焦点的表单元素。 这个选择器也主要针对表单元素来说。 | ||
其他标准伪类选择器 | : first-child :last-child nth-child(n) :not() 防止特定的元素被选中 ::before (:before) 匹配选中的元素的第一个子元素 ::after (:after) 已选中元素的最后一个子元素 |