Vi sarà capitata la necessità di far "scomparire" un link inserito nel codice html di una pagina in modo che l'utente non possa cliccare sul link, ma nello stesso tempo conservare il link all'interno del codice html, magari perché non potete rimuoverlo nel codice o perché vi torna comodo mantenerlo per altri motivi. C'è un modo molto semplice attraverso istruzioni nel CSS, senza modificare il file html.
Potete assegnare le istruzioni CSS a un link <a> con una classe o a un link contenuto in un <div> oppure in un altro tag html. Ecco alcuni esempi:
Vengono disattivati tutti i link "a" contenuti in un "div" con classe "contenitore"
div.contenitore a {
cursor: default;
pointer-events: none;
}
Vengono disattivati tutti i link "a" con classe "disattivare"
a.disattivare {
cursor: default;
pointer-events: none;
}
Vengono disattivati tutti i link "a" con classe "disattivare" contenuti in un "p" con classe "contenitore"
p.contenitore a.disattivare {
cursor: default;
pointer-events: none;
}