css 伪类选择器

  伪类是一套选择器的特殊状态,伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊的效果,选择第一个或第n个元素,伪类选择器用一个冒号表示,比如:hover、:first-child等

  伪类选择器最常用的是动态伪类选择器:

E:link(链接伪类选择器):选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上

 E:visited(链接伪类选择器 ):选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过。常用于链接描点上

 E:active(用户行为选择器):选择匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上

E:hover (用户行为选择器): 选择匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover

 E:focus (用户行为选择器): 选择匹配的E元素,而且匹配元素获取焦点

前两个链接伪类选择器,只有链接能用,:link表示为没有被访问过的链接,:visited表示为被访问过的链接。

通过应用链接伪类选择器,可以给页面做出一些特殊的效果,比如从来未访问过的链接设计一种样式,访问过的链接设置一种样式。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一: css 的伪类: 1. :hover 鼠标移动到链接上 2. :link 未访问的链接 3. :activ...
    黑木令阅读 265评论 0 1
  • 2019-04-15 伪类是CSS的内部类定义,可以直接在代码中使用。 超链接伪类 注: 适用于所有元素,将a替换...
    Mr_J316阅读 940评论 0 0
  • CSS伪类选择器总结 动态伪类选择器:link, 链接伪类选择器,超链接未被访问前:visited, 链接伪类选择...
    亲爱的孟良阅读 658评论 0 5
  • css伪类选择器: 静态伪类 只能用于超链接的样式:link 用于未被访问的链接:visited 用于已访问的链接...
    黑子_f338阅读 750评论 0 0
  • 最近写一些前端网页时,不想用jQuery,js等就想实现一些鼠标事件触发不同的样式。因此我们可以使用CSS自带的伪...
    默写_0c03阅读 471评论 0 2