通过Javascript添加CSS

我正试图通过Javascript添加一些CSS样式（除了已经存在的样式之外）（只是因为我没有访问主CSS文件的权限）

HTML:

CSS:

---

它在JSFIDLE中运行良好，但在我的站点上不起作用。有什么建议吗？

CSS的应用顺序很重要。您应该在页面底部添加JavaScript代码，以确保它得到应用，以防之前已经应用了其他样式。尝试如果CSS被覆盖，属性也很重要。

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

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

---

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

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

• 一种方法是重置css：
• 另一种方法是只覆盖需要css的部分！重要的

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

您还可以尝试在firefox firebug或google chrome developer或您的浏览器调试界面中检查您所做的css更改是否与更改css代码一起出现，然后您可以查看您的css tweek是否真正起作用

您还可以尝试为类指定不同的名称

---

希望它能帮助您随意更正和编辑任何人

也许它被覆盖了？尝试添加

！重要信息

。还要确保你没有打字错误。同时发布一个完整的JSFIDLE来描述这个问题。当你调用这个函数时？？你确定jQuery是在你的代码之前加载的吗？因为“javascript”使用jQuery:）尝试添加

console.log（“Karina在这里”）重要行前后。这样您就知道代码正在运行。您还应该使用firebug/web developer控制台检查是否添加了
tempstorebutton
类（类可以在那里，并覆盖css规则…）。完成后，返回结果。在
主体
元素的底部添加脚本代码并不能保证。只有为
主体
元素或
文档
的
加载
事件添加侦听器，才能在这里提供一些保证。
<a class='store-locator-button'>replace me</a>

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

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