javascript - providing - pseudo clases css
Añadir onclick con css pseudo-elemento después (4)
¿Es posible en mi archivo css hacer algo como [ver el código de arriba]?
No
La pregunta importante a hacer es por qué .
HTML tiene el control de los datos dentro de la página web. Cualquier CSS o JS se especifica a través del HTML. Es el modelo .
CSS tiene el control de los estilos , no hay vínculo entre CSS y HTML o JavaScript. Es la vista .
JavaScript tiene el control de las interacciones dentro de la página web y tiene enlaces a todos los nodos DOM. Es el controlador .
Debido a esta estructura MVC: HTML pertenece a archivos .html , CSS pertenece a archivos .css y JS pertenece a archivos .js .
Los pseudo-elementos CSS no crean nodos DOM. No hay una forma directa para que JavaScript acceda a un pseudo-elemento definido en CSS, y no hay manera de adjuntar un evento a dichos pseudo-elementos.
Si tiene una estructura de conjunto en su lugar y no puede agregar el contenido adicional necesario para generar nuevos enlaces dentro del HTML, JavaScript puede agregar dinámicamente los nuevos elementos necesarios, que luego se pueden diseñar a través de CSS.
jQuery hace esto muy simple:
$(''<span class="click-me">click me</span>'').appendTo(''.myclass'').click(my_function);
¿Es posible en mi archivo css hacer algo así ?:
.myclass:after{
content:"click me";
onclick:"my_function()";
}
Quiero agregar, después de todas las instancias de myclass un texto seleccionable, en la hoja de estilo css.
Bien,
el uso de expresison podría ser posible solo para Internet Explorer.
De otra manera:
No. En absoluto, eso no es para lo que está hecho css y para intendet.
No, pero puedes hacerlo así.
En el archivo html agregue esta sección
<div class="arrow">
</div>
En css puedes hacerlo así.
.myclass div.arrow{
content:"click me";
onclick:"my_function()";
}
Espero que te ayude
Usa jQuery''s After :