• 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大数据学习视频礼包

  • 相关阅读:
    [总结]学习目录
    PHP基础知识之————PDO预处理语句
    Main Thread Pinning
    Process/Thread Pinning Overview
    cpu三大架构 numa smp mpp
    NUMA(非一致性内存架构)
    Linux 的 NUMA 技术
    [安装] mac安装PHP7经历
    ThinkPHP5.X PHP5.6.27-nts + Apache 通过 URL 重写来隐藏入口文件 index.php
    laravel框架应用和composer扩展包开发
  • 原文地址:https://www.cnblogs.com/ruigege0000/p/12194704.html
Copyright © 2020-2023  润新知