API 嵌入代码正在发送 <style>，我该如何忽略？

Question

我正在为需要包含在我的网站中的服务使用嵌入式 JS 代码。它嵌入了自己的 <style> CSS 以及 HTML 元素。这是一项新服务，不支持发送任何其他内容。我怎样才能忽略 <style> 以便我可以使用自己的 CSS 融入主题？我不想求助于使用 !important 标志。

Answer 1

只要您对 CSS 使用相同的 classes 并且在 JS 代码加载它之后包含它 （假设它是同步加载的） 您的 classes 将覆盖默认设置。

CSS 的呈现方式 - 如果声明之间存在冲突，则以通过 "later" 的说明为准。

<html>
  <head>
    YOUR JS HERE
    YOUR CSS to override your JS imported rules
  </head>
<html>

您需要确保您了解 CSS 如何评估指令的 "weight"（重要，内联样式，id，class，html 标签） https://css-tricks.com/specifics-on-css-specificity/ - 这是一个很好的解释它是如何工作的。

Answer 2

我最终将 !important 添加到我的 CSS 文件中，因为 JS 文件是异步加载的，并且在加载它之前继续检查以删除 <style> 会做更多的工作.

API embeded code is sending <style>, how do I ignore?