How to target a specific

Question

I\'ve a code of some what like this:

Answer 1

I don't know why everyone is so fixed on the #foo div. You can target the img tag and not even worry about the div tag. These attribute selectors select by the "begins with".

img[src^=bar] { css }
img[src^=cat] { css }

These select by "contains".

img[src*="bar"] { css }
img[src*="cat"] { css }

Or you can select by the exact src.

img[src="bar.png"] { css }
img[src="cat.png"] { css }

If you want to target them both, then you could use the div id.

#foo img { css }

For just one of the images, there is no need to worry about the #foo div at all.