Javascript输出不接受任何CSS样式
我使用的是simplecart.js，它为我生成要添加到购物车中的数据，然后将其传递给PayPal。
我已经成功地添加了“添加到篮子”和“结帐”功能，但我发现样式化JS生成的代码是不可能的，因为没有样式应用到它将工作。
这是网站给我的代码，它从存储的数据中生成许多项，如名称、数量等。它正确地输出所有信息，但应用于类名的任何样式都不起作用。
下面是生成数据的代码：
<div class="simpleCart_items"></div>这是来自web浏览器的结果：
<div class="simpleCart_items"><div>
<div class="headerRow">
<div class="item-name">Name</div>
<div class="item-price">Price</div>
<div class="item-quantity">Qty</div>
<div class="item-remove"></div>
</div>
<div class="itemRow row-0 odd" id="cartItem_SCI-3">
<div class="item-name">The Jenny Snood £11</div>
<div class="item-price">£11.00</div>
<div class="item-quantity">1</div>
<div class="item-remove">
<a href="javascript:;" class="simpleCart_remove">Remove</a>
</div>
</div>
</div>
</div>浏览器正确地接收到了所有数据，但是对类名应用任何样式都不起作用。例如，我有：
.headerRow{
background-colour:#0F0;
}结果应该是headerRow的背景是石灰，但是什么也没有发生。它没有正确调用样式。
我已经尝试了所有的方法，但没有一个类会获取应用于它们的样式。
这是一个截图，显示了它的外观，显然不是很好，但我不能对它应用任何样式。
Here is a link to the live site
再举一个例子：
我已经添加了生成总数的给定代码：
<div class="simpleCart_total"></div>我试着给它一个新的类，同时也设计了原版的样式，重要的是--这些作品都没有。
<div class="totals simpleCart_total"></div>
.simpleCart_total{
background-color:#0F0 !important;
}
.totals{
background-color:#0F0 !important;
}以上这些似乎都没有任何影响。
回答 2
Stack Overflow用户
发布于 2012-10-20 10:19:47
这里的问题是，样式是在CSS之后由js动态应用的(即在插件初始化期间)。我想，你唯一希望的就是在初始化之后用你自己的js来样式化它。
你可以在Firebug中检查这一点...如果您查看那里的元素，您应该会看到一堆内联样式应用于它们。这些将在标题中胜过您的CSS (甚至是您预先提供的内联CSS )。
编辑：我在相关指令之前看到了一些垃圾字符(以及在另一个答案中指出的那些)。我会尝试删除前一条指令之后和中断指令之前的所有空格。看起来js没有动态地改变任何东西。
Stack Overflow用户
发布于 2012-10-20 10:23:49
还有一些其他css或内联javascript会影响您正在尝试使用的自定义样式。
要缓解此问题，请执行以下操作之一：
- 在每条css语句后添加!important：
背景{ !important;}
- Reorder -.headerRow：#0F0背景css文件使您的自定义css文件位于
的底部
https://stackoverflow.com/questions/12984654
复制相似问题
腾讯云开发者
