Question

我正在使用嵌入式JS代码来处理我需要包含在我的网站中的服务。它嵌入了自己的＆lt; style＆gt; CSS以及HTML元素。这是一项新服务，不支持发送任何其他内容。如何忽略＆lt; style＆gt; ，以便我可以使用自己的CSS集成到主题中？我不想诉诸使用！important标志。

＆＃XA;

Answer 1

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

CSS的呈现方式 - 如果声明之间存在冲突，则指令通过＆＃34;稍后＆＃34;为准。

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

您需要确保了解CSS如何评估＆＃34;体重＆＃34;虽然说明（重要的，内联样式，id，类，html标记） https://css-tricks.com/specifics-on-css-specificity/ - 这是一个很好的解释它是如何工作的。

Answer 2

我最终将!important添加到我的CSS文件中，因为JS文件是异步加载的，在加载它以删除<style>之前，继续检查会更有效。