伪类选择器书写的特点是用冒号 (:)来表示 比如 a:hover
1.6 链接伪类选择器
a:link /* 未访问的链接 a:link 把没有点击过的链接选出来 */
a:visited( [ˈvɪzɪtɪd] 已访问) /* a:visited 选择点击过的(访问过的)链接 */
a:hover (悬停) /* 鼠标经过时的那个链接 */
a:active /* 选择的是我们鼠标正在按下还没有弹起的链接 */
伪类选择器的注意事项:
1,依次的顺序是 link--visited--hover--active (LVHA lvha)
2,因为a链接在浏览器中具有默认样式,所以实际开发中都需要给链接单独指定样式
1.7 :focus
:focus 伪类选择器用于选取获的焦点的表单元素
一般情况下<input>类表单元素才能获取
input:focus {
color:red;
}
选择器
|
作用
|
特征
|
使用情况
|
隔开符号及用法
|
后代选择器
|
选择后代元素
|
可以是子孙后代
|
较多
|
符号是空格
.nav a
|
子代选择器
|
选择最近一级元素
|
只选择亲儿子
|
较少
|
符号是大于号 >
.nav>a
|
并集选择器
|
选择某些相同样式的元素
| 可以用于集体声明 |
较多
|
符号是逗号 ,
.nav,.header
|
链接伪类选择器
|
选择不同状态的链接
|
跟链接有关
|
较多
|
重点记住a{}和
a:hover实际开发的写法
|
:focus选择器
| 选择获取光标的元素 |
跟表单相关
|
较少
|
input:focus 记住这个写法
|