Targeting element without ID or Class with pure CSS

Question

So here the thing, I got something like this:

blablabla
lots of code that change from time to time
blablabla

<center>
  <a href="somewhere">
     <img src="someUNIQUEaddress.gif">
  </a>
</center>

blablabla
lots of code that change from time to time
blablabla

Now you see, I don't have any access to HTML and I can't use JS. I need somehow to target this, I know there's a way to target something like this:

[class="someUNIQUEthing"]

So perhaps there's a way like that to target the src of the img?

EDIT

I did it simply using this:

[src="myuniquething"]

Here is the css selector reference: http://www.w3schools.com/cssref/css_selectors.asp — ADreNaLiNe-DJ, Sep 01 '16 at 10:59

Sebastian Brosch · Accepted Answer · 2016-09-01T11:03:21.717

2

You are searching for a equivalent to [class='someUNIQUEthing']. You can use the following:

img[src='someUNIQUEaddress.gif'] {
  border:2px solid red;
}

<img src="someUNIQUEaddress.gif">

edited Sep 01 '16 at 11:03

answered Sep 01 '16 at 10:59

Sebastian Brosch

42,106
15
72
87

`UNIQUE` is something that can change (like a random generated string), so you can't write this. – ADreNaLiNe-DJ Sep 01 '16 at 11:00
@ADreNaLiNe-DJ - you see his edit?? I think he was searching for this! – Sebastian Brosch Sep 01 '16 at 11:03
1

NICE Seba! I figured it out my self, but I'll select ur answer mate. BTW, adrenaline, the "unique" means it CAN'T change, 'cause it's unique :) – theonenonlybaby Sep 01 '16 at 11:06

score 0 · Answer 2 · edited Sep 01 '16 at 12:09

0

you can achieve this in two ways, as follow, in my code u can compare with any image extension like .jpg, .gif, .png etc

img[src='someUNIQUEaddress.gif'] {
 border:2px solid red;
}

[src$=".gif"] {
   border:2px solid yellow;
}

<img src="someUNIQUEaddress.gif">

<img src="sample.gif">

edited Sep 01 '16 at 12:09

dippas

58,591
15
114
126

answered Sep 01 '16 at 11:29

Ganesh Putta

2,622
2
19
26

Targeting element without ID or Class with pure CSS

2 Answers2