How to use :hover to modify the CSS of another class?

To use :hover to modify the CSS of another class, we can use it with another selector.

For instance, we write

.item:hover .wrapper {
  color: #fff;
  background-color: #000;
}

to select the elements with the class wrapper in the elements with class item that we hovered on.

We set its color and background-color for those elements.