通过 ID 修改 Songkick 小部件 CSS div

Question

我正在尝试在我的乐队的网站上放置一个游览小部件，并且我使用 CSS 来通过 ID 修改 CSS 元素。通常我可以调用它的类，它会覆盖，但是这个元素只有一个 ID。

如果您曾经看过 Songkick 小部件，那么顶部的“By Songkick”部分就是我想要摆脱的部分。它的 ID 是“powered”，但是当我使用 #powered 或 .powered 覆盖时，它不会改变。

我一直在做：

#powered {
    display: none;
}

并没有任何结果。它没有显示在 Chrome 的 CSS 层次结构中。

还有其他方法可以通过 ID 修改 CSS，还是您认为这是因为整个小部件在我的网页之后加载并覆盖了我的更改？是否有私有化 CSS 对象这样的事情？

Answer 1

（完全披露：我为 Songkick 工作，并曾在巡演日期小部件上工作过）

Songkick 小部件由 Songkick API 提供支持，该 API 有一些归属要求：https://www.songkick.com/developer/api-terms-of-use -- 如果这些要求对您来说是一个交易破坏者，您可能不得不考虑另一种解决方案；(。

澄清为什么您的 CSS 不隐藏元素：小部件通过注入指向 Songkick 控制域的 iframe 来工作。因此，您需要在 iframe 中提供的 Songkick 页面上有 CSS，才能应用 CSS 规则。鉴于 Songkick 控制 iframe 内容，并且需要归因来支持第三方网站上的巡演日期，因此隐藏“by Songkick”不太可能很快成为小部件嵌入的选项。