我正在为我需要包含在我的网站中的服务使用嵌入式 JS 代码。它嵌入了自己的 <style>
CSS 以及 HTML 元素。这是一项新服务,不支持发送任何其他内容。我怎么能忽略 <style>
这样我就可以使用自己的 CSS 集成到主题中了吗?我不想求助于使用 !important 标志。
最佳答案
只要您为 CSS 使用相同的类,并且在 JS 代码加载它之后包含它(假设它是同步加载的),您的类将覆盖默认设置。
CSS 的呈现方式 - 如果声明之间存在冲突,则以“稍后”通过的说明为准。
<html>
<head>
YOUR JS HERE
YOUR CSS to override your JS imported rules
</head>
<html>
尽管如此,您需要确保了解 CSS 如何评估指令的“权重”(重要、内联样式、id、class、html 标记) https://css-tricks.com/specifics-on-css-specificity/ - 这是一个很好的解释它是如何工作的。
关于javascript - API 嵌入代码正在发送 <style>,我该如何忽略?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39929419/