Preguntas etiquetadas con css-content

¿Cómo se usa la propiedad CSS content para agregar entidades HTML ? Usar algo como esto solo se imprime  en la pantalla en lugar del espacio sin interrupciones: .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

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 "un poco más") <span class="mystyle">buuu!</span>a some more Esto no funciona: solo …

685 html  css  pseudo-element  css-content 

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, pero usar CSS para esto realmente facilitaría …

246 html  css  pseudo-element  css-content 

Ninguno de los siguientes códigos funciona: p:before { content: " "; } p:before { content: " "; } ¿Cómo agrego espacios en blanco antes del contenido del elemento? Nota: Necesito colorear el borde izquierdo y el margen izquierdo para uso semántico y usar el espacio como margen incoloro. :)

118 css  unicode  space  css-content 

¿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 reciente, nunca ambos.

116 css  css-selectors  pseudo-element  css-content 

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 href="http://www.amazon.com">Amazon</a> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento

89 html  css  pseudo-element  css-content