锅炉信息网 > 锅炉知识 > 锅炉资讯

CSS 链接伪类选择器

发布时间:

定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前、点击后和鼠标悬停时的样式不同。在CSS中,可以

定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前、点击后和鼠标悬停时的样式不同。在CSS中,可以使用链接伪类来实现不同的链接状态。

超链接标记<a>的伪类含义
a:link { CSS样式规则; }未访问时超链接的状态
a:visited { CSS样式规则; }访问后超链接的状态
a:hover { CSS样式规则; }鼠标经过、悬停时超链接的状态
a:active { CSS样式规则; }鼠标点击不懂时超链接的状态

<head>n <style>n a {n text-decoration: none; //去除a标签的下划线n }n a:link {n color:blue; //未访问的超链接颜色设置为bluen }n a:visited {n color: red; //已经访问的超链接颜色设置为redn }n a:hover {n color: orange; //鼠标经过或悬停的超链接颜色设置为orangen } n a:active {n color:aqua; //鼠标点击不动时超链接的状态n }n </style>n</head>n<body>n <p>a:link (未访问的状态):<a href="https://qq.com" target="_blank">腾讯官网</a> </p>n <p>a:hover (鼠标经过或悬停):<a href="https://jd.com" target="_blank">京东官网</a></p>n <p>a:active (鼠标点击不动):<a href="https://toutiao.com" target="_blank">头条官网</a></p>n <p>a:visited (已经访问的状态):<a href="https://baidu.com" target="_blank">百度官网</a></p>n</body>nn 如下2图展示效果,其中hover和active分开展示:

展示鼠标经过或悬停的效果---京东官网
展示鼠标点击不动的效果---头条官网

精选推荐

  • 如何正确选择白板供应商
    如何正确选择白板供应商

    目前在无锡想采购一块白板不管是实体店铺,还是网络平台都有很多选择,想要到专业的无锡白板公司采购还需要掌握一定的方式技巧。现

  • 柴油发电机组供应商
    柴油发电机组供应商

      t 扬州华东动力机械有限公司,位于江苏省扬州市江都区仙城工业园,是专业从事发电机、柴油及燃气发电机组研发、制造、销售、服务于

  • 高温辐射炉
    高温辐射炉

    5.2.2高温辐射炉5.2.2.1温度控制★(1)样品温度范围:常温~1400℃。★(2)均温区:长度不小于80mm。★(3)中心区:长度不小于10mm。(4)温度梯度(均

  • 高压锅在什么情况下会爆炸?
    高压锅在什么情况下会爆炸?

    近日,多地发生高压锅爆炸事故,给不少家庭带来了伤害和财产损失。那么,什么情况下会导致高压锅爆炸呢?首先,当高压锅内部压力过高时,如果

0