Recuerda que en la informática un error suele tener diversas resoluciones, no obstante mostraremos lo más óptimo y mejor.
Solución:
No puede hacerlo solo con CSS, pero puede hacerlo con Javascript y (opcionalmente) jQuery.
Si quieres hacerlo sin jQuery:
Y hacerlo sin jQuery, y solo en una clase específica (ej: hohoho
):
Si está de acuerdo con el uso de jQuery, puede hacer esto para todos los anclajes:
Y este fragmento de jQuery para aplicarlo solo a anclas con una clase específica:
Puedes hacer esto pensando en ello un poco diferente. Detectar cuando se hace clic en el cuerpo (document.body.onclick
- es decir, cualquier cosa en la página) y luego verifique si el elemento hizo clic (event.srcElement
/ e.target
) tiene una clase y ese nombre de clase es el que desea:
document.body.onclick = function(e) //when the document body is clicked
if (window.event)
e = event.srcElement; //assign the element clicked to e (IE 6-8)
else
e = e.target; //assign the element clicked to e
if (e.className && e.className.indexOf('someclass') != -1)
//if the element has a class name, and that is 'someclass' then...
alert('hohoho');
O una versión más concisa de lo anterior:
document.body.onclick= function(e)
e=window.event? event.srcElement: e.target;
if(e.className && e.className.indexOf('someclass')!=-1)alert('hohoho');
Podrías hacerlo con jQuery.
$('.myClass').click(function()
alert('hohoho');
);
Si posees algún recelo o forma de reformar nuestro sección te proponemos realizar un exégesis y con mucho placer lo observaremos.