我正在尝试在我的乐队网站上放置一个游戏小部件,并且我已经使用CSS来修改ID中的CSS元素。通常我可以调用它的类,它会覆盖,但这个元素只有一个ID。
如果你曾经见过这个歌曲小部件,那就是" By Songkick"顶部的部分是我试图摆脱的。它的ID是" powered"但当我用#powered或.powered覆盖时,它不会改变。
我一直在做:
#powered {
display: none;
}
没有任何结果。它没有在Chrome的CSS层次结构中显示。
是否有其他方法可以通过ID修改CSS,或者您认为它是因为整个小部件在我的网页之后加载并覆盖了我的更改?是否存在将CSS对象私有化的事情?
答案 0 :(得分:4)
(完全披露:我为Songkick工作并参与过巡演日期小部件)
Songkick小部件由Songkick API提供支持,该API具有一些归属要求:https://www.songkick.com/developer/api-terms-of-use - 如果这些要求对您来说是一个交易破坏者,您可能不得不考虑另一种解决方案;(。
澄清为什么你的CSS没有隐藏元素:小部件通过注入一个指向Songkick控制域的iframe来工作。因此,您需要在iframe中提供的Songkick页面上使用CSS才能应用CSS规则。鉴于Songkick控制iframe内容,并要求归属为第三方网站上的巡回日期提供动力,隐藏了#Song;以及#34;不太可能很快成为小部件嵌入的选项。