我想使用 javascript/jquery 更改外部 CSS 文件的属性
示例；在我正在使用的网页中：
<!-- Star rating -->
<link href="css/star-rating.min.css" rel="stylesheet" />
我想访问和更改特定样式的颜色（在外部 CSS 中找到）：
是否存在使用 JavaScript 或 jQuery 的方法来做到这一点？
【问题讨论】：
标签： javascript jquery html css
好的，我们来分析一下……
您想更改代码的 CSS 规则。 我假设您想将其作为对浏览器中发生的事情的响应......
物理上更改 CSS 文件中的行并非不可能，但我想这不是您想要的。
最好的选择可能是通过 javascript 更改 CSS 样式，作为对使您想要更改样式的事件或情况的反应。使用 jquery：
$(".rating-container").css("color", "#f0f");
作为替代方案，对不同的元素状态使用不同的 CSS 类，只需将类更改为您的 js 代码：
$("#myAffectedElement").removeClass("oldColorClass");
$("#myAffectedElement").addClass("newColorClass");
这将允许您直接修改单个元素的样式，而不是更改每个最初分类的元素。
【讨论】：
我创建了一个js方法来实现这个：
function getStyleSheet(cssName, rule) {
for (i = 0; i < document.styleSheets.length; i++) {
if (document.styleSheets[i].href.toString().indexOf(cssName) != -1)
for (x = 0; x < document.styleSheets[i].rules.length; x++) {
if (document.styleSheets[i].rules[x].selectorText.toString().indexOf(rule) != -1)
return document.styleSheets[i].rules[x];
}
}
return null;
}
要更改任何属性只需要以下内容：
getStyleSheet('star-rating', '.rating-container .rating-stars').style.color = "#AFAFAF";
【讨论】：