How can I have multiple hover styles in one project

Hey guys, I’m working on a table in HTML, and there are different sections, each divided by captions. I’m trying to get a different color for each section when I hover over them, but I can’t seem to get that to work, and I don’t know how to do it.
If someone can help me that would be a great help!

Hi @gooba, welcome to the forum! :relaxed:

It would be cool if you could share a bit of the html and css from your project to give us some context.

But what I can suggest is that you make a few css classes for your different section colours, apply these where needed in the html, and set up hover rules like:

.red:hover { border: 2px solid red; }
.blue:hover { border: 2px solid blue; }
etc…

Let us know if that would work for you, or drop some of your code so we can see :slightly_smiling_face:

Hope it helps!

1 Like