如何覆盖外部CSS？

Question

在Shopify网站上，我有一个嵌入式插件。该插件的样式表是外部的。如何覆盖它？

我正在尝试删除显示“ powR”（蓝色徽标）的位置。见图片

我尝试使用“！important”，但是它不起作用。

更新：已添加图片 see problem

Answer 1

要覆盖任何CSS，您需要一种更具体的新样式。

CSS样式按其写入顺序应用。如果您有两个相同的选择器，则最后读取的选择器将覆盖以前样式中的所有重复属性。但是，如果一个使用的属性比另一个使用的更为具体（即限制性更强），则这些属性将优先。

在您的情况下，如果只是找到要覆盖的样式所使用的选择器，则可以将其复制到一个在插件的CSS文件之后加载的CSS文件中，然后覆盖您想要的任何内容

有关特异性的更多信息，see this article on CSS-Tricks。