基本选择器
ID选择器 |
标签选择器 |
类选择器 |
通用选择器(通配符选择器) |
注:优先级为:ID>类>标签>通
包含选择器
子代选择器 获取的某个标签的第一级子标签 后代选择器 获取某个标签内的所有子标签 分组选择器(逗号选择器) 可以给多个标签加上样式,通过,隔开属性选择器
伪类选择器
:link | 超链接点击之前的样式 |
:visited | 链接被访问之后 |
:hover | 悬停,鼠标放到 |
:active | 被激活的时候,鼠标点击的时候,但是不松手的时候 |
:focus | 某个标签获得焦点的时候 |
同一个标签,根据不同的状态,有不同的样式,这就叫做伪类,使用的是冒号
伪元素选择器
:after(css2提供) |
:before |
::after(css3提供) |
::before |
注:如果要使用before和after,一定要加上content(内容)属性