Buenas tardes, tengo una duda sobre el funcionamiento de la jerarquía en CSS, para realizar el desafío, primeramente se deben mostrar dos secciones, una en la que aparezca el título de introducir texto y otra sección donde aparezca una imagen de se busca palabra, al hacer clic en encriptar la sección donde está la imagen debe desaparecer y mostrar el texto encriptado en cuestión, yo agregue un botón limpiar para que se facilite el cambiar de palabras para encriptar, al limpiar debería reaparecer la imagen inicial de se busca palabra, para ello en CSS cree dos etiquetas una llamada mostrar (display: block) y otra ocultar (display: none) para que sean invocadas mediante funciones en JavaScript, el problema está en que depende de cual etiqueta sea escrita primero en CSS dado que solo ejecuta la que se escriba al último, ¿hay alguna forma de solucionar esto? , por otro lado, ¿Siempre hay que utilizar el ¡DOCTYPE en desarrollo web?
