Divi样式表的问题-按样式表删除放置在元素上的元素上的css答案

【问题标题】：Problem with Divi stylesheet - remove css on element placed on element by style sheetDivi样式表的问题-按样式表删除放置在元素上的元素上的css
【发布时间】：2020-10-02 03:45:04
【问题描述】：

所以我知道我为什么要这样做这个问题听起来很奇怪，所以这里有一个简短的概要：

我正在使用 wordpress，编写自己的子主题。有一些样式表已将所有<a></a> 标记更改为白色，以融入背景......这也是白色的。我不知道为什么会这样，哪个样式表在做它（*编辑：它是一个 Divi 样式表），或者是什么插件在做这件事。对我来说，我真的不在乎回答这些问题。最后，我只需要知道-

“如何删除所有<a></a> 上的样式，这些样式具有不同的颜色、:hover、:active 等”？

另外需要注意的是，我确实可以访问开发者控制台，这意味着我可以看到每个类、元素、id 等，这些类、元素、id 等都应用了属性 color: white; .

我愿意接受 wordpress、css 甚至 javascript 的答案。如果可以的话。

【问题讨论】：

删除它的唯一方法是找出添加它的内容。否则，您将不得不为所有a 标签添加新样式（这比听起来要多，因为您不会在每种情况下都想要相同的样式，例如导航菜单、链接按钮和页脚链接将不一样作为标准文本，您可能需要添加具有不同特性的不同规则等）。找出哪个样式表在做它真的不难......元素检查器会准确地告诉您正在应用哪个样式表中的哪个样式。
是的，我不相信你，但我找到了。其余的你是绝对正确的。问题是（来发现）它是一个受到大力支持并且可能会继续更新的插件。所以让我担心的是，在更新时，它会推送一个较旧的 .css 文件，覆盖我所做的更改。这不是什么大不了的事，但很烦人。如果有一些 css 属性会否定这些更改，那就太棒了。
将所有链接更改为白色的插件是什么？这确实是一种奇怪的行为，我不得不猜测还有其他事情发生，例如它是为深色背景设置的，还是与其他插件发生冲突？为了防止 CSS 被覆盖，您需要覆盖 a 的所有插件 CSS 规则，但是如果没有看到 CSS（或不知道插件），我们真的无法建议最好的方法来做到这一点。你能告诉我们这个插件是什么，所以如果有人熟悉它，他们可能会有一个快速的答案？
Divi 可视化编辑器。从理论上讲，如果我可以更改样式表的加载顺序，我就可以更改我遇到的所有问题，对吧？但它必须在页面加载之前，在样式表的情况下。
我知道有没有，但我从来没用过。但是它非常受欢迎，所以它必须有一些问题才能产生这种效果。人们经常错过 cmets 中的信息，因此您应该编辑问题以包含插件名称...我还建议您编辑标题以描述问题，以便引起可能能够提供帮助的人的注意。我还建议在wordpress.stackexchange.com 上提问，因为那里的人也可以提供帮助。

标签： javascript html css wordpress divi

【解决方案1】：

获取您需要更改颜色的链接，然后为每个链接更改颜色：

element.style.color = "#000";

对于:hover，请参阅https://stackoverflow.com/a/11371562/1371131。

【讨论】：

虽然我很欣赏这个答案，但这不是我想要的。抱歉，如果我在这方面提出的问题有点含糊。我想要完成的是，由于 css 文件中引用了很多元素，这些元素正在更改所有 <a></a> 标记样式，这些样式的预期样式被其他样式表覆盖（这是更多假设），我想用 javascript / css 来否定它。
啊，我明白了。在这种情况下，我不确定是否有任何方法可以完全删除该样式表。我的意思是，您可以将!important 放在您想要优先考虑的样式表中，但这很糟糕。 Chrome 的开发人员工具可以告诉您某些样式规则源自哪些样式表，因此希望您可以识别样式表，然后根据需要对其进行修改或删除。
是的，我也注意到 FF 也是如此。我认为最简单的临时解决方案是找到文件并覆盖它。问题是我不想在每次更新文件时都更改文件。不确定是否习惯这样做，但我会在您的回答中留下一个赞成票以寻求您的帮助。