Can I use CSS :hover to effect another elements properties?

Question

I am attempting to change a text links properties (different colour and text-decoration:underline;) when hovering over its corresponding image. This is the html: ```

The original soul of Michael Jackson

12" Picture Disc

``` Is it possible that when hovering over the itemImage (which is encased in an anchor) that the properties of a link within .itemTitle can be changed? It might be worth noting that the itemWrap is used multiple times on the webpage. Thanks

Accepted Answer

You can use `:hover` anywhere in a compound selector, so if you can select the elements you want to change while including `:hover`, then yes.

In this case, you can't really do it with `itemImage` because it involves backtracking up the DOM, but you can do it with `itemImageLink`, for instance:

```
.itemImageLink:hover ~ .itemTitle {
    ...
}
```

Can I use CSS :hover to effect another elements properties?

Solution

Problem