如何覆蓋嵌入式推文的樣式表

我想覆蓋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

如何覆蓋嵌入式推文的樣式表

回答

相關問題