Tengo una página básica de componente de reacción de inicio de sesión de autenticación de front-end que se carga cuando la página se procesa por primera vez. al iniciar sesión con éxito:
visibility hidden en login.css y la visibility:visible en app.css .opacity:0 en login.css y opacity:100 en app.css. así como algunos otros CSS de resolución de problemas que no funcionaron.login.css está anulando app.css sin importar qué.Soy nuevo en esto, lo siento si esta es una pregunta tonta, solo necesito ayuda, gracias de antemano.
Para abordar directamente su pregunta, la propiedad CSS que desea utilizar se display y se configura como none . Si eso todavía no parece funcionar, verifique la especificidad de su selector y verifique que esté seleccionando el elemento deseado. Como último recurso, use !important en su atributo para anular todos los estilos.
Sin embargo, dado que está utilizando React, le recomiendo encarecidamente que no dependa de CSS para esto, sino que utilice la representación condicional, por ejemplo.
return ( <div> {loggedIn ? ( User dashboard or whatever... ) : ( Display login form )} </div> );