Not sure which language to use

Hello Community,

I have a question regarding a language needed to shape my idea. I am just familiar with CSS and HTML, so I am a bit lost. Let me explain this.

I'd like to be able to hover over one element (text) and change permanently its state affecting the page background as well. When hovering hover other elements, I'd like to make the previous elements change back to normal.

For instance. Let's imagine one page with two words next to each other. Yellow and Blue. The background is white and the words are black in a normal state.

1) I hover over the <h1>blue</h1>, and the text + page background turn from white and black to two shades of blue (just to create separation between text and background). 2) Then, I hover over the <h1>yellow</h1> and the text + page background turn and stay yellow. At the same time, the <h1>blue</h1> goes back to black.

I feel I need something with variables, which allows me to change the state of multiple elements together permanently, but not sure how to achieve this.

Thanks for your support!