如何覆盖嵌入式推文的样式表

我想覆盖CSS for embedded Tweets。例如，我只是试图更改font-size，但它不起作用。如何覆盖嵌入式推文的样式表

CSS

twitterwidget, blockquote, .Tweet, blockquote.Tweet, .twitter-tweet, twitterwidget.twitter-tweet, p, blockquote p, blockquote.Tweet p, twitterwidget.twitter-tweet p{ 
    font-size: 26px !important; 
}

来源

2017-09-13 Matt

您可以使用纯CSS做到这一点，因为内容来自iframe – JavaEvgen

Sry，但5分钟后无法编辑注释。我的意思是你'不能'将风格应用于带有纯CSS的iframe中的内容。 – JavaEvgen

@JavaEvgen我明白了。这是否意味着他们的文档是错误的？为什么他们说这是可能的，如果不是？ – Matt

从您链接到的文档，似乎可以改变后备呈现的造型，但不是完全风格的普通版本。常规版本使用iframe显示，如果我记得正确，您不能从父页面应用样式。这可能是通过设计 - Twitter不希望你混淆嵌入式内容的品牌。

编辑：例如，如果您在链接文档页面上禁用了JavaScript，则推文确实会使用后备标记进行呈现，并且会应用类似您的样式。

来源

2017-09-13 10:30:20 klumme

什么是后备演示文稿？ – Matt

当您嵌入tweet时，它使用blockquote和指向某个JavaScript的链接完成，该链接使用iframe取代了blockquote，使Twitter看起来像Twitter一样。如果使用JavaScript进行替换失败，则原始块引用仍然存在，这就是您可以更改其样式。 – klumme

感谢您的回复。如果我禁用JavaScript，我可以覆盖css，但这不是解决方案，我不明白他们为什么不在文档中提到这一点。 – Matt

如何覆盖嵌入式推文的样式表

回答

相关问题