我经常收到将网站上颜色的所有实例更新为不同颜色的请求
例如：
在整个网站中，对于当前 #51284F 的任何元素(文本、按钮等)，请将颜色更新为 #4F9CEC
当然，这通常是使用样式表中的CSS完成的。但是，这是一个拥有数百个页面的非常大的网站，我们不确定哪些元素当前设置为 #51284F，以及哪些页面可能包含设置为 #51284F 的元素。此外，此请求经常出现，因此有一种有效的方法来一次更改所有颜色会很有帮助，而不是手动浏览每个页面并为需要颜色更新的每个元素编写 CSS。
那么，使用JavaScript，有没有办法在整个网站上搜索当前设置为 #51284F 的任何元素并将其颜色更新为 #4F9CEC？
HTML 看起来像这样：
<div class="header-default" data-widget-name="header-default" data-widget-id="template-header1">
<ul class="tels">
<li class="tel phone1 collapsed-show" data-click-to-call="Sales">
<span class="type">Sales</span>
<span class="separator">:</span>
<span class="value">123-456-7890</span>
</li>
<li class="tel phone2 " data-click-to-call="Service/Parts">
<span class="type">Service/Parts</span>
<span class="separator">:</span>
<span class="value">123-456-7890</span>
</li>
<li class="tel phone3 " data-click-to-call="Body Shop">
<span class="type">Body Shop</span>
<span class="separator">:</span>
<span class="value">123-456-7890</span>
</li>
<li class="tel phone4 " data-click-to-call="Local">
<span class="type">Local</span>
<span class="separator">:</span>
<span class="value">123-456-7890</span>
</li>
</ul>
</div>
CSS 将如下所示：
.header-default .tels { color: #51284F; }
不幸的是，这些是模板网站，所以我们不会逐个网站编辑 HTML。HTML 本身从网站所在的特定模板中提取
非常感谢！
也许是这样的?..我不确定没有语法错误。但你可以试试
$('*').filter(function () {
var selectColor = 'rgb(0,0,0)';
return ($(this).css('color') == selectColor);
}).css('color', "some new color");
如果您可以提供要更新的元素的代码，那将很有帮助。特别是他们的 html 和 css 格式。
只需用鼠标右键单击高清文本中的文件夹，然后单击"在文件夹中查找"，底部就会出现一个带有"查找"和"替换"值的框，将"查找"设置为 #51284F 并将"替换"设置为 #4F9CEC。全部保存。
尝试这样的事情
<!DOCTYPE html>
<html>
<head>
<style>
[class*="te"] {
background: yellow;
}
[style*="color: red;"] {
font-size: 50px;
}
</style>
</head>
<body>
<div class="second" style="color: red; background-color: black;">The first div element.</div>
<div class="my-test">The second div element.</div>
</body>
</html>