Question

这是我的链接：

<div id="yabnetwork">
    Bu site bir <a target="_blank" href="http://yusufalibozkir.com" title="Yusuf Ali Bozkir Network  <br/>Tel:.......... <br/>info@yusufalibozkir.com">YAB Network</a> urunudur.
</div>

这个div的CSS样式：

#yabnetwork{
    font-size:15px;
    text-align:right;
}     

#yabnetwork a{
    color:red;
}

为什么我的链接不是红色的？我无法改变它们。

Answer 1

a-tag的第一部分似乎错过了一个结束括号和引号。：

Bu site bir <a target="_blank" href="http://yusufalibozkir.com" title="Yusuf Ali Bozkir Network" > <br/>Tel:.......... <br/>info@yusufalibozkir.com">YAB Network</a> urunudur.

两个建议是开始使用带有颜色标记的文本编辑器，并在html-validator中运行代码： http://validator.w3.org/

Answer 2

以这种方式尝试：

a:link{

color:#00CC66;

text-decoration: none

}
a:visited{

color:#ff0000;

text-decoration: none

}
a:hover{color:#f00000;

text-decoration: none

}
a:active{color:#f00000;

text-decoration: none

}

链接可以有不同的状态：

a:link - ＆gt;默认
a:visited - ＆gt;如果用户已访问过此页面
a:hover - ＆gt;如果鼠标光标在链接上
a:active - ＆gt;如果链接代表当前显示的页面

Answer 3

红了！如果标签正确关闭，属性以“应该如此”结束。

<html>
<head>
<title>link example</title>
<style type="text/css">
#yabnetwork a{
    color:red; 
}
</style>
</head>
<body>
<div>
<div id="yabnetwork">
    Bu site bir <a target="_blank" href="http://yusufalibozkir.com" title="Yusuf Ali Bozkir Network">  <br/>Tel:.......... <br/>info@yusufalibozkir.com">YAB Network</a> urunudur.
</div>
</div>
</body>
</html>

也许您在某处覆盖CSS规则？如果是的话，你可以试试！重要的是：

#yabnetwork a{
    color:red !important; 
}

Answer 4

检查一下：

#yabnetwork a{
    color:red !important;
}

我无法用CSS更改链接的颜色

4 个答案: