CSS (hojas de estilo en cascada) es un lenguaje de hoja de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (lenguaje de marcado de hipertexto), XML (lenguaje de marcado extensible) y elementos SVG que incluyen (pero no se limitan a) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en voz o en otros medios.
¿Hay alguna manera de seleccionar / manipular pseudo-elementos CSS como ::beforey ::after(y la versión anterior con un punto y coma) usando jQuery? Por ejemplo, mi hoja de estilo tiene la siguiente regla: .span::after{ content:'foo' } ¿Cómo puedo cambiar 'foo' a 'bar' usando...
Estoy tratando de usar el :afterpseudo-elemento CSS en un inputcampo, pero no funciona. Si lo uso con a span, funciona bien. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Esto funciona (pone el smiley después de "¡buu!" Y antes de...
Tengo una lista de elementos, que tienen el siguiente estilo: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li>
¿Cómo escribir :hovery :visitedcondicionar a:before? Lo intento a:before:hoverpero no
Supongamos que quiero decorar enlaces a ciertos tipos de archivos usando una imagen. Podría declarar mis enlaces como <a href='foo.pdf' class='pdflink'>A File!</a> entonces tener CSS como .pdflink:after { content: url('/images/pdf.png') } Ahora, esto funciona muy bien, excepto si...
Solo me pregunto si de alguna manera es posible hacer que la contentpropiedad CSS inserte código html en lugar de una cadena :beforeo :afterun elemento como: .header:before{ content: '<a href="#top">Back</a>'; } esto sería bastante útil ... Se podría hacer a través de Javascript,...
Me gustaría usar un interruptor para el diseño de etiquetas de párrafo en una página web. Yo uso el pseudoelemento posterior: p:after {content: url("../img/paragraph.gif");} Ahora necesito eliminar este código CSS de la página. ¿Cómo se puede hacer esto fácilmente? Quiero agregar eso: jQuery...
Quiero combinar :aftercon :hoverCSS (o cualquier otro pseudo selector). Básicamente tengo una lista y el elemento con la selectedclase tiene una forma de flecha aplicada usando :after. Quiero que lo mismo sea cierto para los objetos que se ciernen sobre ellos pero no puedo hacer que funcione. Aquí...
de todos modos para hacer que una rotación funcione en el pseudo content:"\24B6"? Estoy tratando de rotar un símbolo
Estoy haciendo una firma de correo electrónico HTML con CSS en línea (es decir, en CSS styleatributos), y estoy curioso en cuanto a si es posible utilizar las :beforey :afterlos pseudo-elementos. Si es así, ¿cómo implementaría algo como esto con CSS en línea? td { text-align: justify; } td:after...
¿Hay alguna diferencia funcional entre el CSS 2.1 :aftery los ::afterpseudo-selectores CSS 3 (aparte de que ::afterno es compatible con navegadores antiguos)? ¿Hay alguna razón práctica para usar la nueva
Tengo una clase CSS Modalque está absolutamente posicionada, indexada en z por encima de su padre y bien posicionada con JQuery. Quiero agregar una imagen de intercalación (^) en la parte superior del cuadro modal y estaba buscando usar el :beforepseudo selector de CSS para hacer esto limpiamente....
¿Es posible tener múltiples :beforepseudos para el mismo elemento? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Estoy tratando de aplicar los estilos anteriores al mismo elemento usando jQuery, pero solo se aplica el más...
Dado que IE7 e IE8 no admiten la notación de dos puntos para pseudoelementos (por ejemplo, ::aftero ::first-letter), y dado que los navegadores modernos admiten la notación de dos puntos (por ejemplo :after) para compatibilidad con versiones anteriores, ¿debería usar únicamente la notación de dos...
Tengo problemas para comprender el comportamiento de la :afterpropiedad CSS . Según la especificación ( aquí y aquí ): Como sus nombres indican, las :beforey los :afterpseudo-elementos especifican la ubicación del contenido antes y después del contenido del árbol de documentos de un...
Tengo un conjunto de enlaces con estilo que usan :beforepara aplicar una flecha. Se ve bien en todos los navegadores, pero cuando aplico el subrayado al enlace, no quiero tener subrayado en la :beforeparte (la flecha). Ver jsfiddle por ejemplo: http://jsfiddle.net/r42e5/1/ ¿Es posible eliminar...
Cosas como a:linko div::after... La información sobre la diferencia parece escasa.
Me pregunto por qué el navegador muestra comillas dobles abiertas solo para el primer elemento. El segundo elemento tiene comillas simples. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a