2015-02-09 65 views
0

我有一个非常困难的时间获取:链接和:访问以处理我的链接。我一直在网上搜索几个小时,并阅读了20多个同样问题的不同实例。奇怪的是,:悬停和:主动正在工作。到底是怎么回事?CSS:链接和:访问不起作用

下面是我的样式表的代码行:

H1 { text-align: center; width:1000px; font-size: 30pt; font-weight: bold; } 

a.artlinks:link {color:#40C0FF; text-decoration: none; font-family: Cambria, Arial; } 

a.artlinks:visited { color:#FF00FF; text-decoration: none; font-family: Cambria, Arial; } 

a.artlinks:hover {color:#98D7F6; text-decoration: none; font-family: Cambria, Arial; } 

a.artlinks:active {color:#FF0000; text-decoration: none; font-family: Cambria, Arial; } 

,当我把它在我的.html代码:

<h1><a href="helloworld.html" class="artlinks">Hello World!</a></h1> 

有没有人有一个解决方案,也更高效如何同时给出常用的a.artlinks参数?谢谢

+0

使用正确的html! 'code'

helloworld

'code' – 2015-02-09 10:10:57

+0

link working for me。 - http://jsfiddle.net/n0qo7ybp/1/ – 2015-02-09 10:20:05

+0

kasper为什么不告诉我如何实际插入html标签,因为当我写出我的帖子时,它显示的是字面单词“hello world”而不是代码 – 2015-02-09 20:03:11

回答

1

您的代码需要一些整理,但这是我该怎么做(编辑我从h1中删除宽度属性用于演示目的)。

H1 { 
    text-align: center; 
    font-size: 30pt; 
    font-weight: bold; 
} 

a.artlinks { 
    text-decoration: none; 
    font-family: Cambria, Arial; 
    color:#40C0FF; 
} 

a.artlinks:visited { 
    color:#FF00FF; 
} 

a.artlinks:hover { 
    color:#98D7F6; 
} 

a.artlinks:active { 
    color:#FF0000; 
} 

看到这个的jsfiddle:http://jsfiddle.net/lharby/zkb8thck/

作为一类具有相同的属性,你可以在a.artlinks(FONT-FAMILY,文字修饰),一旦定义这些。然后可以定义唯一的其他元素:悬停,活动等。

+0

我仍然没有看到出现在访问状态的洋红色。 – 2015-02-09 10:22:58

+0

@pjp尝试更新的小提琴中的第二个链接:http://jsfiddle.net/lharby/zkb8thck/1/ – lharby 2015-02-09 10:28:32

+0

呃我!为了访问工作,链接必须指向浏览器已经访问过的资源。 – 2015-02-09 10:33:55