Como cambiar textos con css utilizando content

Esto es una mini guía de como cambiar textos con css utilizando content, en realidad es un método muy sencillo pero requiere seguir un par de parámetros:

<style>
.clase {
  visibility: hidden;
}
.clase:after {
  visibility: visible;
  content:'Adios! El texto se ah cambiado con css!!';
}
</style>


<div class="clase">
  Hola! Soy un comentario!
</div>

como vemos con ejemplo en el css primero ocultamos el texto por defecto y después con :after y content escribimos la nueva cadena de texto que queremos visualizar.

salu2
Editado