2

我正在尝试通过 Javascript 添加一些 CSS 样式（除了已经存在的样式）（仅仅是因为我无权访问主 CSS 文件）

http://jsfiddle.net/pbPyU/

HTML：

<a class='store-locator-button'>replace me</a>

JAVASCRIPT：

$(function() {
$('.store-locator-button').addClass('tempstorebutton');
$("a.store-locator-button").each(function(index,el){
    $(el).text('BUSCAR UNA TIENDA');
  }); 
});

CSS：

.tempstorebutton{padding:5px; color:#fa5dae;}

它在 JSfiddle 中运行良好，但在我的网站上却不行。有什么建议么？

4

3 回答 3

0

每个浏览器都有默认的 CSS 设置。您必须覆盖 css。

  • 一种方法是重置 css：reset css example
  • 另一种方法是使用 !important 仅覆盖您需要的 css 部分

请记住，在 css 中，更具体的渲染优先级更高

您还可以尝试通过更改 firefox firebug 或 google chrome developer 或您的浏览器调试界面中的 css 代码来检查您所做的 css 更改是否出现，然后您可以查看您的 css tweeks 是否真的有效。

你也可以尝试给这个类起一个不同的名字。

希望它有助于随时纠正和编辑任何人

于 2013-09-04T10:44:42.290 回答
0

应用 CSS 的顺序很重要。你应该在页面底部添加你的 JavaScript 代码，以确保它被应用，以防一些其他样式已经被预先应用。如果您的 CSS 被覆盖，请尝试 !important 属性。

于 2013-09-04T10:33:57.327 回答
0

我建议在您要覆盖的文件之后呈现您自己的 css 文件。

然后，您应该使用您想要的样式在您的 css 文件中添加您想要覆盖的那些类。否则，这是一条你应该避免的令人沮丧的道路。

!important 声明除非绝对必要，否则不应使用。

于 2013-09-04T10:38:43.767 回答