Hide image of specific size, by CSS?

Question

Thanks in advance for your help! I have an RSS, I want to post the content of this RSS on my page, but the RSS is from WordPress and it contains an image of a button to comment. Problem 1: if I hide every `` from the RSS, I also hide images posted on the article from the blog. Problem 2: the comment button `` URL is sequential, so even if I could hide "wordpress.com/comments/ ... 12", the next button `` url is "wordpress.com/comments/ ... 13" and so on :( HTML of the image: ```

``` There is one way to identify the comment button image: it’s 72px by 16px. So, I need to hide every picture on my page that is 72 (width) x 16 (height). Is there a way to do this in CSS or JavaScript? Since we have coding like this: ``` img[src~="http://...url..."] {display: none;} ``` maybe there's something like: ``` img[height="16"] {display: none;} ```

Accepted Answer

the comment button URL is sequential, so even if I could hide "wordpress.com/commentbutton/12", the next button url is "wordpress.com/commentbutton/13" and so on :(

CSS can actually help out here. The attribute selector can select attributes which contain a value. So, this:

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

should do it.

Hide image of specific size, by CSS?

Solution

Problem

Related problems