css超链接的样式不生效,css样式超链接的4种状态如何设置

CSS链接外部样式失败

1.LINK标签没有正确的被关闭。(若是XHTML所有标签必须正确被关闭，请在href="mainpage.css"

后面加 “/”) LINK rel="stylesheet" type="text/css" href="mainpage.css" /

2.HTML文件和CSS文件不在同层目录。

相关问答

Q1: 请教下，为什么我自定义的这个css 超链接样式不起作用呢？》

a.linkred{

text-decoratin:none;

}

a.linkred:link{

color:#000;

}

a.linkred:hover{

color:#F00;

}

问题出现的原因：单个a的定义是定义统一属性的，应该放在最前边（里面定义的是链接中各种状态的重复属性。）

重新试试，希望能帮到你。

Q2: css超链接，text-decoration: 已经设置为none; 但不起效用，还是显示下划线

1.把你的A:link之类的A全换成小写

2.color:#xxxxxx后面结束的“;”号补上，别节约那零点几个字节或偷懒

上面1、2不是引起你问题的关键，只是习惯不养好以后你会掉进自己挖的坑里。

如果你确认上面页面中引用css路径ok了(html、css文件编码也一致)，那检查你html里面还有什么css代码，行内的、内联的、引用的其他css都可能跟你这个冲突，导致覆盖了这个css的属性

Q3: CSS设置链接样式无效

我帮你看了下`样式没有问题 HTML也没问题``我保存浏览可见`

所以我猜想`是你引入样式表路径有问题

link rel="stylesheet" type="text/css" href="default.css"

你再确定下这个路径href="default.css"

Q4: css动态超链接不显示。请各位解决一下。急！

CSS中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a :

active，例如：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}

a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}

a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}

a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注

意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是

“LVHA”。

Q5: css超链接样式 不起作用

css超链接用a标签做，想要起作用这样做：a{color：#000；} a:hover{color:#f00;}

就这2个设置就OK。

一般规律是这样的：

a:link代表：超链接普通样式。正常浏览器状态的样式

a:visited代表：被点击过的超链接的样式

a:hover代表：鼠标指针经过超链接上的样式

a:active代表：在超链接上点击时，即“但前激活”时，超链接样式。

按照顺序写就没问题的。

css超链接是网页中最重要的一个链接，是网页与网页之间的嫁接桥。