CSS (Cascading Style Sheets) é uma linguagem de folha de estilo de representação usada para descrever a aparência e formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não se limitando a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.
Existe alguma maneira de selecionar / manipular pseudoelementos CSS como ::beforee ::after(e a versão antiga com um ponto e vírgula) usando o jQuery? Por exemplo, minha folha de estilo tem a seguinte regra: .span::after{ content:'foo' } Como posso mudar 'foo' para 'bar' usando o...
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...
Eu tenho uma lista de elementos, com o estilo desta forma: 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>
Como escrever :hovere :visitedcondição para a:before? Estou tentando, a:before:hovermas não está
Suponha que eu queira decorar links para certos tipos de arquivo usando uma imagem. Eu poderia declarar meus links como <a href='foo.pdf' class='pdflink'>A File!</a> então tem CSS como .pdflink:after { content: url('/images/pdf.png') } Agora, isso funciona muito bem, exceto se...
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...
Gostaria de usar uma opção para o layout das tags de parágrafo em uma página da web. Eu uso o pseudoelemento after: p:after {content: url("../img/paragraph.gif");} Agora preciso remover esse código CSS da página. Como isso pode ser feito facilmente? Eu quero acrescentar que: jQuery já está...
Eu quero combinar :aftercom :hoverCSS (ou qualquer outro pseudo-seletor). Basicamente, tenho uma lista e o item da selectedclasse tem uma forma de seta aplicada :after. Eu quero que o mesmo seja verdadeiro para objetos que estão sendo passados com o mouse, mas que não conseguem fazê-lo funcionar....
de qualquer maneira, para fazer uma rotação funcionar no pseudo content:"\24B6"? Estou tentando girar um símbolo
Eu estou fazendo uma assinatura de e-mail HTML com CSS inline (ie CSS em styleatributos), e estou curioso para saber se é possível usar os :beforee :afterpseudo-elementos. Se sim, como eu implementaria algo assim com CSS embutido? td { text-align: justify; } td:after { content: ""; display:...
Existe alguma diferença funcional entre os pseudo-seletores CSS 2.1 :aftere CSS 3 ::after(além de ::afternão ser suportado em navegadores antigos)? Existe algum motivo prático para usar a especificação mais
Eu tenho uma classe CSS Modalque está absolutamente posicionada, indexada com z acima de seu pai e bem posicionada com JQuery. Quero adicionar uma imagem circunflexa (^) ao topo da caixa modal e estava olhando para usar o :beforepseudo seletor CSS para fazer isso de forma limpa. A imagem precisa...
É 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,...
Como o IE7 e o IE8 não suportam a notação de dois pontos duplos para pseudo-elementos (por exemplo, ::afterou ::first-letter), e como os navegadores modernos suportam a notação de dois pontos (por exemplo :after) para compatibilidade com versões anteriores, devo usar apenas a notação de dois pontos...
Estou tendo problemas para entender o comportamento da :afterpropriedade CSS . De acordo com as especificações ( aqui e aqui ): Como seus nomes indicam, os :beforee :afterpseudo-elementos especificar a localização do conteúdo antes e depois do conteúdo árvore de documentos de um elemento. Isso...
Eu tenho um conjunto de links estilizados usando o :beforepara aplicar uma seta. Parece bom em todos os navegadores, mas quando aplico o sublinhado ao link, não quero o sublinhado na :beforeparte (a seta). Veja jsfiddle por exemplo: http://jsfiddle.net/r42e5/1/ É possível remover isso? O estilo...
Coisas como a:linkou div::after... Informações sobre a diferença parecem
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