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

  • 相关阅读:
    继承
    反射
    DOS使用笔记
    [LeetCode] Merge Intervals
    [LeetCode] Insert Interval
    [LeetCode] Permutation Sequence
    [LeetCode] Rotate List
    [LeetCode] Text Justification
    [LeetCode] Simplify Path(可以不用看)
    [LeetCode] Edit Distance(很好的DP)
  • 原文地址:https://www.cnblogs.com/ruigege0000/p/12194704.html
Copyright © 2011-2022 走看看