zoukankan      html  css  js  c++  java
  • HTML连载63-a标签的伪类选择器

    一、a标签的伪类选择器

    1.通过观察可以发现a标签存在一定状态

    (1)默认状态,从未被访问过

    (2)被访问过的状态

    (3)鼠标长按的状态

    (4)鼠标悬停在a标签上的演示

    2.什么是a标签的伪类选择器?

    a标签的伪类选择器是专门用来修改a标签不同状态的样式。

    a:link{} 用来修改默认的样式

    a:visited{} 用来修改被点击过之后的样式

    a:active{} 用来修改被鼠标长按时的状态

    a:hover{} 用来修改鼠标悬停在a标签上面时的状态。

    <!DOCTYPE html>
    
    <html lang="en">
    
    <head>
    
        <meta charset="UTF-8">
    
        <title>D160_ALbelPseudoClassSelector</title>
    
        <style>
    
            a:link{/*默认颜色设置*/
    
                color:skyblue;
    
            }
    
            a:visited{
    
                color:red;
    
            }
    
            a:active{
    
                color:yellow;
    
            }
    
            a:hover{
    
                color:black;
    
            }
    
        </style>
    
    </head>
    
    <body>
    
    <a href="http://www.taobao.com"><h1>taobao</h1></a>
    
    <a href="http://www.jingdong.com"><h1>jd</h1></a>
    
    </body>
    
    </html>
    
     

    二、源码:

    D160_ALbelPseudoClassSelector.html

    地址:

    https://github.com/ruigege66/HTML_learning/blob/master/D160_ALbelPseudoClassSelector.html

    2.CSDN:https://blog.csdn.net/weixin_44630050

    3.博客园:https://www.cnblogs.com/ruigege0000/

    4.欢迎关注微信公众号:傅里叶变换,个人账号,仅用于技术交流,后台回复“礼包”获取Java大数据学习视频礼包

  • 相关阅读:
    HDU_1711 Number Sequence(KMP)
    快速排序+归并排序
    贪心算法
    HDU_1496 Equations && POJ_1840 Eqs(Hash)
    POJ_1328 Radar Installation(贪心)
    HDU_1055 && POJ_2054 Color a Tree(贪心)
    HDU_1754 I Hate It (线段树)
    哈希(Hash)表学习笔记
    jQuery插件datepicker的使用详解
    json总结
  • 原文地址:https://www.cnblogs.com/ruigege0000/p/12194704.html
Copyright © 2011-2022 走看看