Estoy tratando de hacer que un elemento solo aparezca cuando otro elemento está "sobrevolado".

El código es el siguiente:

 #form-field-numerocnh.elementor-field-textual { background-image: url("http://3.87.64.242/wp-content/uploads/2021/12/arrow-drop-down.png"); background-repeat: no-repeat; background-color: #ffffff; border-width: 2px 2px 2px 2px; border-radius: 8px 8px 8px 8px; background-size: 20px; background-position: 95%; } .imagem-ajuda { display:none; } .elementor-field-textual:hover + .imagem-ajuda { display:block !important; }

El código en sí funciona, incluso el

 .imagem-ajuda { display:none; }

Ahora, la parte que se suponía que debía hacer que el elemento apareciera nuevamente no funciona, que es:

 .elementor-field-textual:hover + .imagem-ajuda { display:block !important; }

Ya probé con:

 #form-field-numerocnh.elementor-field-textual:hover + .imagem-ajuda { display:block !important; }

Pero no funciona :(