Desactivar enlace con CSS

Hoy seguimos con uno de esos trucos de los que a veces nos salvan la vida para solucionar detalles o temas complicados apenas con pocas líneas de CSS: poder desactivar un enlace, es decir, que no funcione ni el usuario pueda hacer clic, sin tener que tocar el código original, sólo con CSS.

Está claro que la mejor opción sería modificar el HTML o PHP y eliminar ese enlace, pero en el día a día, sobretodo de WordPress, a veces nos encontramos con plantillas o themes complejas, en las que para encontrar una función dentro de un shortcode de un CPT propio nos podemos volver locos… y lo único que queremos es desactivar un enlace de un elemento que viene con el tema durante un tiempo.

Para ello he encontrado este código de CSS que me ha salvado la vida en un par de ocasiones

.elemento-a-modificar a {
    pointer-events: none; 
    cursor: default;
}

Así de entrada te parecerá una tontería, pero créeme, si llega el momento en que lo necesitas, lo agradecerás 😉