javascript - API 嵌入代码正在发送 <style>,我该如何忽略?

标签 javascript html css embed

我正在为我需要包含在我的网站中的服务使用嵌入式 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 嵌入代码正在发送 &lt;style&gt;,我该如何忽略?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39929419/

相关文章:

javascript - 访问服务器端 javascript 变量以使用客户端 javascript 进行操作

javascript - Angular 2 独立组件

javascript - 在 A-Frame (webvr) 中使用 collada 对象的事件集组件

javascript - Fancybox 中的 SVG

html - 使用CSS从下到上为div设置动画

javascript - jQuery Datatables 按钮 CSS 定位

javascript - <section> 后的空格

Javascript 将元素导航到最近的输入或选择元素

html - div 不是水平 Bootstrap

javascript - 需要 Jquery 按钮鼠标悬停滚动到顶部