css - 从 RSS 隐藏特定图像

Question

我有一个由 Blogger 支持的网站 (alwaysspanish.com) 并通过 http://www.alwaysspanish.com/feeds/posts/default?alt=rss 提供 RSS 提要.

在我的博文中，我总是在开头包含一个 100 像素的小图片，包裹在“postthumb”类中。此类已被设计为仅在索引页面上可见，以便缩略图仅作为存档、类别等页面中的后片段的一部分可见。另一方面，它不会在完整页面上可见-发布页面。

虽然此规则在网站显示上运行良好，但在我的 RSS 提要上却行不通。 RSS XML 似乎忽略了所有 CSS 样式。有什么方法可以强制 RSS 至少遵循这种样式，因为我真的不想在我的帖子提要上显示第一张图片(缩略图样式为 .postthumb)？我希望在将 RSS XML 提供给读者之前获得一些围绕以编程方式调整 RSS XML 的解决方案。

Answer 1

一个想法是在 iframe 中打开 RSS，然后使用 javascript 在该 iframe 中加载 CSS。最简单的解决思路

<iframe name="frame" src="link/to/your/rss" height="100%" width="100%" onload="contentLoaded();"></iframe>

Javascript:

var contentLoaded = function() {

    var cssLink = document.createElement("link") 
    cssLink.href = "style.css"; 
    cssLink.rel = "stylesheet"; 
    cssLink.type = "text/css"; 
    frames['frame'].document.body.appendChild(cssLink);   

} 

注意:这仅在 iframe 的域与您的域匹配时才有效...