Do you have a question? Imagine you have 3 spans where the default color is black. When you hover over a span, its color changes to red. But what if I told you that at the start, the first span has an orange color. Now, I want to hover over the orange one and have it turn red, then go back to black when I move away, just like the default. And on the second hover, it should behave like the other spans (red when hovered over, black when not). Is it possible to achieve this effect using only CSS?
<span class="class1">blabla</span>
<span class="class2">blabla</span>
<span class="class3">blabla</span>
.class1 {color: orange;}
span:hover {color: red;}