<!DOCTYPE html>
< html>
< head>
     <meta charset="utf-8" />
     <title></title>
     <style type="text/css">
/*css中超链接正常的设置顺序。*/

/*未被访问过的链接，文字显示为黑色。*/
/*当四个伪类选择器对同一超链接标签a起作用时，只有浏览器记录中没有访问过该超链接的记录，四个伪类都有用。否则，该Link选择器无用。被访问前色变为visited设置的颜色。如果一定要解决link选择器失效的问题。可将link选择器颜色与visited选择器颜色设置一样的。例如黑色。即无论时被访问前，还是被访问后，该文字都为黑色。*/
a:link{
     font-size:30px;
     font-weight:bold;
     text-decoration:none;
color:black;
}

/*已被访问过的链接，文字显示为红色。*/
/*若是visited属性失效的话，有两种可能。①超链接a标签中未写入href="";②四个伪类选择器的书写顺序错误。link->visited->hover->active，可记忆为LVha,*/
a:visited{
     font-size:30px;
     font-weight:bold;
     text-decoration:none;
     color:red;
}

/*鼠标指针悬浮在链接上，文字显示为蓝色。*/
a:hover{
     font-size:30px;
     font-weight:bold;
     text-decoration:none;
     color:blue;
}

/*鼠标指针正在点击链接，文字显示为橙色。*/
a:active{
     font-size:30px;
     font-weight:bold;
     text-decoration:none;
     color:orange;
}
< /style>
< /head>
< body>
     <!-- href="#"，#是要跳转的网页地址。 -->
     <!-- title="#",#是鼠标悬浮在该文本信息上是，文本信息成功显示时，会出现的文本信息提示。 -->
     <!-- alt="#",#是文本信息未成功显示时，会出现的文本信息提示。 -->
     <!-- target="#",#="_blank"时，代表在新窗口中打开。 -->
< a href="#" title="百度访问链接" alt="百度访问链接" target="_blank">百度</a>
< /body>
< /html>

超链接a标签的伪类选择器问题，Link标签与visited标签的失效问题(问题介绍与解决方法)。的更多相关文章

  1. CSS学习笔记-03- 过渡模块之前奏篇 a标签的伪类选择器

    CSS3 2D转换CSS3 3D转换CSS3 过渡CSS3 动画 CSS3 的四大金刚. 想要实现酷炫的视觉效果,上面4个是必须要掌握的.学习之前,先复习一下 视觉盛宴的前菜 :a标签的伪类选择器 铛 ...

  2. HTML连载63-a标签的伪类选择器

    一.a标签的伪类选择器 1.通过观察可以发现a标签存在一定状态 (1)默认状态,从未被访问过 (2)被访问过的状态 (3)鼠标长按的状态 (4)鼠标悬停在a标签上的演示 2.什么是a标签的伪类选择器? ...

  3. python 46 边界圆角 、a_img_list标签 、伪类选择器

    一:边界圆角 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ...

  4. python 全栈开发，Day47(行级块级标签,高级选择器,属性选择器,伪类选择器,伪元素选择器,css的继承性和层叠性,层叠性权重相同处理,盒模型,padding,border,margin)

    一.HTML中的行级标签和块级标签 块级标签 常见的块级标签:div,p,h1-h6,ul,li,dl,dt,dd 1.独占一行,不和其他元素待在同一行2.能设置宽高3.如果不设置宽高,默认为body ...

  5. a标签伪类选择器以及伪元素:hover的案例

    1.通过我们的观察发现a标签存在一定的状态1.1默认状态, 从未被访问过1.2被访问过的状态1.3鼠标长按状态1.4鼠标悬停在a标签上状态 2.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修 ...

  6. a标签伪类选择器+过度模块

    a标签的伪类选择器 1.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的. 2.格式: 1):link 修改从未被访问过状态下的样式. 2):visited 修改被访问 ...

  7. HTML连载64-a标签伪类选择器的注意点与练习

    一.a标签的伪类选择器注意点 (1)a标签的伪类选择器可以单独出现,也可以一起出现.也就是可以设置多个状态的样式. (2) a标签的伪类选择器如果一起出现,那么有严格的顺序要求,编写的顺序必须要遵守原 ...

  8. css伪类选择器及伪元素选择器

    1.类选择器 在css中可以使用类选择器把相同的元素定义成不同的样式.比如: 结果如下: 标题背景未变 2.伪类选择器 类选择器和伪类选择器的区别在于,类选择器我们定义的,而伪类选择器是CSS中已经定 ...

  9. python 之 前端开发（基本选择器、组合选择器、 交集与并集选择器、序列选择器、属性选择器、伪类选择器、伪元素选择器）

    11.3 css 11.31 基本选择器 11.311 id选择器 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 <!DOCTYPE html> <html ...

随机推荐

  1. 【题解】P5589 小猪佩奇玩游戏(期望)

    [题解]P5589 小猪佩奇玩游戏(期望) 假设一个点有\(x\)个点(包括自己)可以到达他,他就对答案有\(1/x\)的贡献.这是因为这个点必须被删掉而通过删掉这个点本身删掉这个点的概率是\(1/x ...

  2. linux mysql 5.7.20 部署脚本+备份脚本

    一.官网下载源码包 源码包:mysql-5.7.20-linux-glibc2.12-x86_64.tar.gz 检查环境,卸载老版本mysql 二.自动部署脚本 进入文件目录,执行脚本 #!/bin ...

  3. Javascript小白经典题型(一)

    1. 输出是什么? function sayHi() { console.log(name) console.log(age) var name = 'Lydia' let age = 21 } sa ...

  4. JavaScript substring()

    JavaScript substring() 方法 参数 描述 start 必需.一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置. stop 可选.一个非负的整数, ...

  5. Shell脚本传递带有空格的参数

    在另一博文<Shell脚本实现DB2数据库表导出到文件>中实现了通过脚本实现将DB2数据库导出到文件,需要传入七个参数,最后一个是一个带有空格字符串,所以传入的时候有点问题,会自动识别空格 ...

  6. 原生js面向对象编程-选项卡(自动轮播)

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  7. how to render html tag

    使用autoescaping If autoescaping is turned on in the environment, all output will automatically be esc ...

  8. 深入理解 Java 并发锁

    本文以及示例源码已归档在 javacore 一.并发锁简介 确保线程安全最常见的做法是利用锁机制(Lock.sychronized)来对共享数据做互斥同步,这样在同一个时刻,只有一个线程可以执行某个方 ...

  9. Spring Boot2 系列教程 (十七) | 整合 WebSocket 实现聊天室

    微信公众号:一个优秀的废人.如有问题,请后台留言,反正我也不会听. 前言 昨天那篇介绍了 WebSocket 实现广播,也即服务器端有消息时,将消息发送给所有连接了当前 endpoint 的浏览器.但 ...

  10. 关于爬虫的日常复习（5）—— beautifulsoup库