CSS - 我无法更改现有主题的链接颜色

时间:2013-05-29 22:36:48

标签: css background hyperlink

我试图覆盖现有主题的某个区域中的链接颜色。默认情况下,链接在蓝色背景上为蓝色。我不确定这个主题是如何被批准提供给客户的,但是我将通过在这个区域中建立白色链接来尝试一个简单的修复。

这是带有问题的页面区域的标记:

<div id="product_details_customtab2_tab">
    <a href="http://www.example.com/">example</a>
</div>

这是我失败的修复尝试之一。我尝试了几十个类似的东西。没有用。

#product_details_customtab2_tab {link{color: white !important}}

但是,我希望修复的区域中的链接没有改变。 (有一个管理区域我可以添加自定义CSS,所以我在那里插入。我可以在主题更改的其他区域中制作其他样式,因此基本功能有效,但在这个特定情况下我没有详细信息右。)

我的CSS有什么问题?我在这个问题上给出了足够的信息吗?感谢

更新:以下是有效的解决方案:

#product_details_customtab2_tab a:link{color: white}

谢谢!!!

2 个答案:

答案 0 :(得分:2)

你的选择器错了......没有独立的CSS&#34;链接&#34;选择器,只有&#34;:链接&#34;选择器:

http://www.w3schools.com/cssref/sel_link.asp

此外,要使用CSS继承,您只需要使用空格分隔继承链的每个部分,而不是将其包装在{}中。即,如果你想改变一个id为#34; foo&#34;的div中的所有链接。你会这样做:

#foo a { ... } /* CORRECT */

而不是这个:

#foo { a { ... } } /* WRONG */

我认为你要么想要这样做:

#product_details_customtab2_tab a{color: white !important}

或者这个:

#product_details_customtab2_tab a:link{color: white !important}

答案 1 :(得分:1)

您的CSS无效。要在另一个选择器中创建一个选择器,您只需要一个空格,如:

#product_details_customtab2_tab a { color: white; }

这将选择该div中的所有a元素。