精华内容
下载资源
问答
  • 同时设置伪类样式 a:link 和 a:visited ,在超链接未被访问时,a:link 样式无效,取而代之的是 a:visited 的样式 解决 <a> 元素的 href 属性,必须有值 清除浏览器缓存 <h2> 未正确书写链接地址时,...

    根据爱恨原则,正常书写顺序如下
    :link
    :visited
    :hover
    :active

    问题

    同时设置伪类样式 a:link 和 a:visited ,在超链接未被访问时,a:link 样式无效,取而代之的是 a:visited 的样式

    解决

    1. <a> 元素的 href 属性,必须有值
    2. 清除浏览器缓存
        <h2>
            未正确书写链接地址时,a:link无效,效果为:visited样式
        </h2>
        <a href="">W3Sschool</a>
        <a href="">Google</a>
        <a href="">Wikipedia</a>
    
        <h2>
            正确书写链接地址时,a:link有效
        </h2>
        <a href="http://www.w3school.com.cn">W3Sschool</a>
        <a href="http://www.google.com">Google</a>
        <a href="http://www.wikipedia.org">Wikipedia</a>
    

    效果在这里插入图片描述

    展开全文
  • 对象a的 a:link a:visited a:hover a:active 1:解释 link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候  CSS中关于超链接的四个属性一般正常...

    对象a的 a:link a:visited a:hover a:active

    1:解释

    link:连接平常的状态

    visited:连接被访问过之后

    hover:鼠标放到连接上的时候

    active:连接被按下的时候 

    CSS中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即

    a:link 
    a:visited 
    a:hover
    a:active


    范例:

    <body>
    <a href="http://www.baidu.com">我是超链接哦!</a>
    </body>
    <style type="text/css">
    a:link{color:#000} <!--黑色~青色~黄色~紫色的过程-->
    a:visited{color:#F0F}
    a:hover{color:#3F0}
    a:active{color:#FF0}
    </style>

    展开全文
  • 1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性,后面的属性会覆盖前面的属性定义; 2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性,后面的属性会覆盖前面的属性定义; 所以说,a:...

    1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性,后面的属性会覆盖前面的属性定义; 

    2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性,后面的属性会覆盖前面的属性定义; 

    所以说,a:hover定义一定要放在a:link、a:visited的后面。再重复一遍正确的顺序是:a:link、a:visited、a:hover、a:active .

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <html>
    <head>
    <title>A标签的问题</title>
    <style>
    a:link { color:black; text-decoration: none;}
    a:visited { color:red;text-decoration: none;}
    a:hover { color:blue;text-decoration: none;}
    a:active { color:green;text-decoration: none;}
    </style>
    </head>
    <body>
    <a href="#">鼠标经过和点击的效果不同</a>
    </body>
    </html>
    展开全文
  • a:link{ color: white; } a:visited{ color: yellow; } a:hover{ color:#D158A9; } a:active{ color: red; } 代码中白色不显示,浏览器打开运行时就出现的是黄色,访问过后也还是黄色,运行w3school中的代码也是...
  • a:link a:visited a:hover a:active 样式顺序

    千次阅读 2017-02-17 16:10:03
    1. a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的 2. a:active 必须被置于 a:hover 之后,才是有效的
    a:link{color:yellow;} /* 未访问的链接 */
    a:visited {color:black;} /* 已访问的链接 */
    a:hover{color:red;} /* 鼠标划过链接 */
    a:active{color:green;} /* 已选中的链接 */

    在CSS定义中:

    a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的
    a:active 必须被置于 a:hover 之后,才是有效的

    如果我们将hover放在link是的上面,有意思的事情发生了,hover失效了!(淡定)

    这里写图片描述

    为什么呢?因为当鼠标经过未访问的链接,会同时拥有a:link、a:hover两种属性,a:link离它最近,所以它优先满足a:link,而放弃a:hover的重复定义。

    如果我们将hover放在visited是的上面,更有意思的事情发生了,hover还是失效了!(淡定,没有我们想的那么神奇~)

    这里写图片描述

    因为当鼠标经过已经访问过的链接,会同时拥有a:visited、a:hover两种属性,a:visited离它最近,所以它优先满足a:visited,而放弃a:hover的重复定义。

    究其原因,是css的就近原则“惹的祸”。

    总结:在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最下面的是最特殊的条件。这样,浏览器在显示元素时,才会从特殊到一般、逐级向上验证条件,使我们的每一个CSS语句都起到效果。

    一个老外盆友总结了“爱恨原则 LV/HA”,便于记忆。
    (Link,Visited,Hover,Active)
    实际上,link和visited的位置互换是不会有影响的。

    展开全文
  • a:link //链接平常的状态 a:visited //链接被访问过之后的状态 a:hover //鼠标放到链接上面的状态 a:active //链接被按下的状态 使用顺序为a:link, a:visited, a:hover, a:active才能正常生效。
  •  a与a:link的CSS代码处,忽觉茫茫然不知所以然:这a的CSS和a:link什么关系?貌似有些冲突啊?还有这a:link、 a:visited、a:hover、a:active伪类之间有没有相互制约和继承关系? 过程:  使用软件:Adobe ...
  • a:link,a:visited,a:hover,a:active的使用 1.首先根据字面意思解释 link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候  2.四个属性使用的顺序 css中关于超链接的...
  • 1. a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效! 2. a:active 必须位于 a:hover 之后,这 样才能生效! 于是得四者顺序: a:link----->a:visited------>a:hover-------->a:active。  可以这样...
  • a:link,a:visited,a:hover,a:active 分别是什么意思? 学习:css样式 /liutingxu1 发表于2007-03-19, 11:09 link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候 ...
  • a:link,a:visited,a:hover,a:active   1:解释 link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候 详细的: :hover版本:CSS1/CSS2 兼容性:IE4+ ...
  • CSS定义中a:link,a:visited,a:hover,a:active

    千次阅读 2016-03-21 12:53:54
    CSS定义中a:link,a:visited,a:hover,a:active 分别是什么意思? 假如CSS放在Style文件夹下,页面引用时: <link href="Style/a.css" rel="stylesheet"type="text/css" /> <link href="Style/b.css" rel=...
  • A:link {  color: #000000;  TEXT-DECORATION: none } A:visited {  COLOR: #000000;  TEXT-DECORATION: none } A:hover {  COLOR: #ff7f24;  text-decoration: underline; } A:active ...
  • 近日突然发现,原来这个...再重复一遍正确的顺序:a:link、a:visited、a:hover、a:active . 最后经验补充: 1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性,后面的属性会覆盖前面的属性定义; 2.
  • 1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性,后面的属性会覆盖前面的属性定义; 2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性,后面的属性会覆盖前面的属性定义;   所以说...
  • 超链接文字的状态可以通过伪类选择符+样式规则来控制。 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类... 如 .mycls a{color:red}① a:link:未访问链接 ,如 .mycls a:link.
  • CSS 链接 不同的链接可以有不同的样式。 ...链接的样式,可以用任何...a:link - 正常,未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻 实例
  • CSS样式表中a:link,a:visited,a:hover,a:active属性含义a:link,a:visited,a:hover,a:active 分别是什么意思,有什么用途 明了的:  link:连接平常的状态   active:连接被按下的时候   visited:连接被访问...
  • a:link不起作用

    2018-11-25 21:29:00
    之前也碰到过这种问题,虽然明白了CSS中,a:link,a:hover,a:active,a:visited的排序会影响显示,如果顺序写错会产生覆盖的情况。今天自己练习的时候又发现,按照顺序写a:link也会被覆盖,查了之后才知道,原来href...
  • a与a:link、a:visited、a:hover、a:active之间二三事
  • 以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题...A:link {  color: #000000;  TEXT-DECORATION: none } A:visited {
  • “爱恨原则 ”(L oV e/H A te),即四种伪类的首字母:LVHA。正确的顺序:a:link、a:visited、a:hover、a:active .默认/已访问/经过。
  • a:link,a:visited,a:hover,a:active 分别是什么意思? 学习:css样式 /liutingxu1 发表于2007-03-19, 11:09 link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的...
  • a:link,a:visited,a:hover,a:active 分别是什么意思,有什么用途 明了的:  link:连接平常的状态   active:连接被按下的时候   visited:连接被访问过之后   hover:鼠标放到连接上的时候
  • 关于A:link A:visited A:hover

    千次阅读 2006-01-17 17:08:00
    A:link 网页中带连接文字的样式A:visited 点击连接后的文字样式A:hover 鼠标放上去时的文字样式其中第二和第三顺序颠倒的话就会达不到意想中的效果。所以A:link A:visited A:hover的顺序也是很重要的。
  • 链接没有首次出现的时候,它是显示为你第一次设置的a:link{}的颜色。但是只要你有过一次点击,那么它显示的就是你设置的:visited{}的颜色 你的link是起作用了的。只是它只起了一次作用(你最运行的第一次,再次打开...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 209,180
精华内容 83,672
关键字:

a:link