Programação pseudo-element

22

Selecionando e manipulando pseudoelementos CSS, como :: before e :: after using jQuery

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 jQuery?

943 javascript jquery css jquery-selectors pseudo-element

20

Posso usar um pseudoelemento a: before ou: after em um campo de entrada?

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

8

CSS: not (: último filho): depois do seletor

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> <li>Four</li> <li>Five</li> </ul> Executar snippet de códigoOcultar resultadosExpandir snippet Saídas em One | Two | Three | Four …

370 css css-selectors pseudo-element

6

Como escrever: condição de foco para a: before e a: after?

Como escrever :hovere :visitedcondição para a:before? Estou tentando, a:before:hovermas não está funcionando

347 css css-selectors pseudo-element pseudo-class

12

Posso alterar a altura de uma imagem em CSS: before /: after pseudo-elements?

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 pdf.pngnão for do tamanho certo para o texto do meu …

251 css pseudo-element

3

Propriedade de conteúdo CSS: é possível inserir HTML em vez de texto?

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

7

CSS: Como remover pseudoelementos (depois, antes,…)?

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á sendo usado na página …

236 javascript html css pseudo-element

3

Combinar: depois com: pairar

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. Heres the code …

176 css css-selectors pseudo-element

2

css gire um pseudo: depois ou: antes do conteúdo: “”

de qualquer maneira, para fazer uma rotação funcionar no pseudo content:"\24B6"? Estou tentando girar um símbolo unicode.

159 css rotation pseudo-element

9

Usando CSS: pseudo-elementos antes e: depois com CSS embutido?

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: inline-block; width: 100%; …

141 html css css-selectors pseudo-element inline-styles

2

: depois vs. :: depois

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 recente?

133 css css-selectors pseudo-element pseudo-class

4

Usando: before pseudoelemento CSS para adicionar imagem ao modal

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 …

116 css modal-dialog pseudo-element

3

Posso ter vários: before pseudo-elementos para o mesmo elemento?

É 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

6

Devo usar notação de dois pontos simples ou duplos para pseudo-elementos?

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 simples e quando …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

3

CSS: depois de não adicionar conteúdo a certos elementos

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 não parece colocar restrições sobre …

100 css pseudo-element

Perguntas com a marcação «pseudo-element»