Facebook喜欢Box Link颜色

Question

我使用Facebook Like Box和Javascript SDK以及我自己的CSS样式表 CSS链接为here 我想要的是将链接颜色更改为＃D90000以匹配我的网站颜色。我尝试了一切，但我只是显示它。那么我应该添加什么来改变我的链接颜色呢？ 谢谢;）

Answer 1

facebook like框是从iframe加载的，带有自己的代码。据我所知，不可能修改它的类。

Answer 2

.fan_box .connections_grid .grid_item a:link {color: black; text-decoration: none; }
.fan_box .connections_grid .grid_item a:active {color: black; text-decoration: none; }
.fan_box .connections_grid .grid_item a:visited {color: black; text-decoration: none; }
.fan_box .connections_grid .grid_item a:hover {color: black; text-decoration: none; }

您可以使用所有这些来控制链接的各种状态。用您想要的任何属性替换颜色和文本修饰。

编辑：使其更具体，以便与您的其他声明相匹配。

Answer 3

因为Facebook动态加载样式表（通过JS调用），它们总是会在页面上最后声明样式 - 因此，除非直接将它们添加到元素中，否则不能覆盖样式表中声明的任何样式。样式表适用于尚未在facebook样式表中声明的样式，但不会覆盖任何包含的声明。

相反，您需要使用!important强制您的样式声明优先：

.fan_box .connections_grid .grid_item a:link {color: #D90000 !important; }
.fan_box .connections_grid .grid_item a:active {color: #D90000 !important; }
.fan_box .connections_grid .grid_item a:visited {color: #D90000 !important; }
.fan_box .connections_grid .grid_item a:hover {color: #D90000 !important; }