如何使用jQuery/Javascript修改外部CSS文件的属性

我想使用

javascript/jquery

榜样；在我正在使用的网页的下面部分：

<!-- Star rating -->
<link href="css/star-rating.min.css" rel="stylesheet" />

我想访问并更改特定样式的颜色（可在外部CSS中找到）：

---

是否存在使用JavaScript或jQuery执行此操作的方法？

我创建了一个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;
}

---

好，让我们分析一下

您想更改代码中的CSS规则。 我想你想这样做是为了回应浏览器中发生的事情

对CSS文件中的行进行物理更改并不是不可能的，但我相信这不是您想要的

最好的选择，可能是通过javascript更改CSS样式，作为对事件或情况的反应，使您想要更改样式。使用jquery：

$(".rating-container").css("color", "#f0f");

作为替代方案，对不同的元素状态使用不同的CSS类，只需将类更改为js代码：

$("#myAffectedElement").removeClass("oldColorClass");
$("#myAffectedElement").addClass("newColorClass");

---

这将允许您直接修改单个元素的样式，而不是更改每个最初分类的元素。

这很好。这正是我要找的。请您帮助我如何下载或复制更新的css到新文件。TIAI也有同样的问题，我如何下载或复制更新后的css到新文件中，因为我也无法在源代码中找到这些更改。

$("#myAffectedElement").removeClass("oldColorClass");
$("#myAffectedElement").addClass("newColorClass");