伪类选择器

伪类选择器书写的特点是用冒号 (:)来表示 比如 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 记住这个写法
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值