Perguntas com a marcação «css-content»

Como você usa a propriedade CSS content para adicionar entidades HTML ? Usar algo assim apenas imprime  na tela em vez do espaço ininterrupto: .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

Estou tentando usar o :afterpseudoelemento CSS em um inputcampo, mas ele não funciona. Se eu usá-lo com um span, ele funciona bem. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Isso funciona (coloca o smiley depois de "buu!" E antes de "um pouco mais") <span class="mystyle">buuu!</span>a some more Isso não funciona …

685 html  css  pseudo-element  css-content 

Imaginando se é possível, de alguma forma, fazer com que a contentpropriedade CSS insira o código html em vez de uma string :beforeou :afterum elemento como: .header:before{ content: '<a href="#top">Back</a>'; } isso seria bastante útil ... Isso poderia ser feito através de Javascript, mas usar css para isso tornaria a …

246 html  css  pseudo-element  css-content 

Nenhum dos códigos a seguir funciona: p:before { content: " "; } p:before { content: " "; } Como adiciono espaço em branco antes do conteúdo do elemento? Observação: preciso colorir a borda esquerda e a margem esquerda para uso semântico e usar o espaço como margem incolor. :)

118 css  unicode  space  css-content 

É possível ter vários :beforepseudos para o mesmo elemento? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Estou tentando aplicar os estilos acima ao mesmo elemento usando jQuery, mas apenas o mais recente é aplicado, nunca os dois.

116 css  css-selectors  pseudo-element  css-content 

Estou me perguntando por que o navegador mostra aspas duplas abertas apenas para o primeiro elemento. O segundo elemento tem aspas simples. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Executar snippet de códigoOcultar resultadosExpandir trecho

89 html  css  pseudo-element  css-content