我试图覆盖现有主题的某个区域中的链接颜色。默认情况下,链接在蓝色背景上为蓝色。我不确定这个主题是如何被批准提供给客户的,但是我将通过在这个区域中建立白色链接来尝试一个简单的修复。
这是带有问题的页面区域的标记:
<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}
谢谢!!!
答案 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
元素。