Currently I'm trying to mess with the code to make it so that just the items in my pet's treasure chest have their opacity dim, then light up when your mouse hovers over them. Currently, I have it so that it happens to every image in my pets description: img { opacity: 0.5; }

img:hover { opacity: 1.0; }

But I dont want it to be every image, just to the items in the treasure chest. Is that a possible fix?

EDIT: Figured it out! Literally just pasting it into the .treasure_item section seemed to work.

you can also target something only within a certain div by just putting the name of the class/ID in front of whatever you're trying to change the style of. so for example if you only want to affect images in the treasure div, you'd put:

img { opacity: 0.5; }

img:hover { opacity: 1; }

or say you wanted all the links on the profile to be blue, but you wanted just the owner link to be red. you could do something like:

a, a:link, a:active, a:visited { color: blue; }

.owner a, .owner a:link, .owner a:active, .owner a:visited { color: red; }