4

在此先感谢您的帮助！

我有一个 RSS，我想在我的页面上发布这个 RSS 的内容，但是 RSS 来自 WordPress，它包含一个用于评论的按钮的图像。

问题 1：如果我<img>从 RSS 中隐藏每一个，我也会从博客中隐藏文章中发布的图像。

问题 2：评论按钮<img>URL 是连续的，所以即使我可以隐藏“wordpress.com/comments/ ... 12”，下一个按钮<img>url 也是“wordpress.com/comments/ ... 13”等等： (

图片的HTML：

<img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/mulleralc.wordpress.com/35/">

有一种方法可以识别评论按钮图像：它是 72 像素 x 16 像素。因此，我需要隐藏页面上 72（宽）x 16（高）的每张图片。有没有办法在 CSS 或 JavaScript 中做到这一点？

因为我们有这样的编码：

img[src~="http://...url..."] {display: none;}

也许有类似的东西：

img[height="16"] {display: none;}
4

4 回答 4

4

评论按钮 URL 是连续的，所以即使我可以隐藏“wordpress.com/commentbutton/12”，下一个按钮 url 也是“wordpress.com/commentbutton/13”等等:(

CSS实际上可以在这里提供帮助。属性选择器可以选择包含值的属性。所以这：

img[src*="feeds.wordpress.com/1.0/comments"] {display: none;}

应该这样做。

于 2013-07-23T21:51:08.220 回答
3

我建议使用多个属性选择器，在这种情况下，将以下代码添加到您的 CSS 样式表中：

img[width="72"][height="16"] {
    display: none;
}

这种方法的唯一问题是它不能在旧浏览器（例如 IE 6）中工作，因为它们无法识别它们。

如果您使用的是 JavaScript 库jQuery，则可以使用以下脚本：

$('img').each(function () {
    'use strict';
    var img = $(this);

    if (img.width() === 72 && img.height() === 16) {
        img.hide();
    }
});
于 2013-07-23T20:53:10.843 回答
0

使用多个属性选择器。

您的图像标签必须使用width和height属性才能正常工作。

HTML

<img src="your-image.jpg" width="72" height="16" />

CSS

img[width="72"][height="16"] {
     display: none;
}

或者

如上所述，使用 CSS 类。

HTML

<img class="hide-from-rss" src="your-image.jpg" width="72" height="16" />

CSS

.hide-from-rss {
     display: none;
}
于 2013-07-23T20:50:52.787 回答
-1

CSS 无法做到这一点。它不知道您的页面上有多大的图像。你需要 JavaScript 来解决这个问题。

于 2013-07-23T20:38:36.527 回答