如何将CSS样式应用于我无法控制的Javascript脚本注入和样式的HTML

Question

我已经用Blogger.com创建了一个博客。

您可以编辑一些HTML，包括在head中加载的CSS样式。

要在博客上执行各种操作，例如添加搜索框，您需要在Blogger的仪表板中启用各种“小工具”。它们将Javascript插入到注入HTML的页面中。

您无法编辑Javascript脚本。这些脚本使用内联CSS设置它们注入的HTML的样式。

如何使用插入头部的CSS覆盖这些样式？

我已经尝试过了！重要的是尽可能具体地使用我的选择器。

Answer 1

根据CSS Speicificity的规则，内联样式几乎总是胜出。参见this jsfiddle。

你可以从样式表中获得的东西有一些限制，但是如果你可以访问页面上的一些javascript，那么你应该能够随心所欲地设计样式。

Answer 2

尝试使用adding !important to the CSS规则。

或者自己编写一些js。

Answer 3

我已经算出了答案。您只需在此处插入样式：

</body>
  <style type='text/css'>
     /* insert styles here */
  </style>
</html>

然后在Javascript注入HTML之后加载样式，覆盖内联样式。