:hover no funciona. Necesito ayuda con mi código.

Question

Intente hacer un proyecto simple(Calculadora con historial) para practicar mi javascript y me encontré con un problema relacionado a css. Usé :hover para cambiar el backgroun-color de unos botones y al probarlo no sucedió nada cuando ponía el cursor encima.

Dejo mi código para que lo revisen, no entiendo cuál es el problema.
Las líneas 79 80 81 de css, son las que use para probar la semi-clase hover.

https://code.sololearn.com/Wuay7L6X6V7y

Answer 1

LK_Goota hola,
Podría ser una cuestión de especificidad de CSS.
De la línea 53 a la 73, definió un grupo de clases con un conjunto de colores de fondo todavía, con una especificidad más alta que la declarada en la línea 79.
Puede hacer una prueba, solo para depurar y comprender (ya que no se considera una buena práctica usar eso) agregando la línea 80, después de tomato, !important;
-> background-color: tomato !important;
Esto significa que anulará otra especificidad existente en ese elemento y verá que funciona.

https://dev.to/emmabostian/css-specificity-1kca#:~:text=CSS%20Specificity%20is%20the%20set,present%20on%20the%20element's%20style.

https://specificity.keegan.st/

Answer 2

I added the color property and that works fine but background color doesn't for some weird reason that I am unaware of

Answer 3

No se xd

Answer 4

WЯE AR U if you don't know then pls refrain from commenting