通过ID修改Songkick widget CSS div

Question

我想在我的乐队的网站上放置一个巡演小部件，我已经使用 CSS 通过 ID 修改 CSS 元素。通常我可以调用它的 class 它会覆盖，但这个元素只有一个 ID。

如果您曾经看过 songkick 小部件，顶部的 "By Songkick" 部分就是我要删除的部分。它的 ID 是 "powered"，但是当我用 #powered 或 .powered 覆盖时，它不会改变。

我一直在做：

#powered {
    display: none;
}

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

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

Answer 1

（全面披露：我为 Songkick 工作，并参与制作巡演日期小部件）

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

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

通过ID修改Songkick widget CSS div

Modify Songkick widget CSS div by ID

html

css

overriding

songkick