Programmazione pseudo-element

22

Selezione e manipolazione di pseudo-elementi CSS come :: before e :: dopo aver usato jQuery

Esiste un modo per selezionare / manipolare pseudo-elementi CSS come ::beforee ::after(e la vecchia versione con un punto e virgola) usando jQuery? Ad esempio, il mio foglio di stile ha la seguente regola: .span::after{ content:'foo' } Come posso cambiare 'pippo' in 'bar' usando jQuery?

943 javascript jquery css jquery-selectors pseudo-element

20

Posso usare uno pseudo-elemento: before o: after su un campo di input?

Sto cercando di utilizzare lo :afterpseudo-elemento CSS su un inputcampo, ma non funziona. Se lo uso con un span, funziona bene. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Funziona (mette la faccina dopo "buu!" E prima di "ancora un po '") <span class="mystyle">buuu!</span>a some more Questo non funziona - colora …

687 html css pseudo-element css-content

8

CSS: not (: last-child): dopo il selettore

Ho un elenco di elementi, che sono in questo modo: 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> Esegui snippet di codiceNascondi risultatiEspandi frammento Output One | Two | Three | Four | Five …

370 css css-selectors pseudo-element

6

Come scrivere: hover condition per a: before e a: after?

Come scrivere :hovere :visitedcondizionare a:before? Ci sto provando a:before:hoverma non funziona

347 css css-selectors pseudo-element pseudo-class

12

Posso modificare l'altezza di un'immagine in CSS: before /: after pseudo-elementi?

Supponiamo che io voglia decorare i collegamenti a determinati tipi di file usando un'immagine. Potrei dichiarare i miei collegamenti come <a href='foo.pdf' class='pdflink'>A File!</a> quindi avere CSS come .pdflink:after { content: url('/images/pdf.png') } Ora, questo funziona alla grande, tranne se pdf.pngnon è la giusta dimensione per il mio testo di …

251 css pseudo-element

3

Proprietà del contenuto CSS: è possibile inserire HTML anziché Text?

Mi chiedo solo se è possibile in qualche modo fare in modo che la contentproprietà CSS inserisca il codice html invece della stringa :beforeo di :afterun elemento come: .header:before{ content: '<a href="#top">Back</a>'; } questo sarebbe abbastanza utile ... Potrebbe essere fatto tramite Javascript ma l'uso di CSS per questo renderebbe …

246 html css pseudo-element css-content

7

CSS: Come rimuovere gli pseudo elementi (dopo, prima, ...)?

Vorrei utilizzare un interruttore per il layout dei tag di paragrafo in una pagina Web. Uso lo pseudoelemento post: p:after {content: url("../img/paragraph.gif");} Ora devo rimuovere questo codice CSS dalla pagina. Come può essere fatto facilmente? Voglio aggiungere che: jQuery è già utilizzato nella pagina e non voglio includere o rimuovere …

236 javascript html css pseudo-element

3

Combina: dopo con: passa il mouse

Voglio combinare :aftercon :hoverin CSS (o qualsiasi altro pseudo-selettore). Fondamentalmente ho un elenco e l'elemento con la selectedclasse ha una forma di freccia applicata usando :after. Voglio che lo stesso sia vero per gli oggetti che vengono sospesi, ma non riesco a farlo funzionare. Ecco il codice #alertlist { list-style:none; …

176 css css-selectors pseudo-element

2

css ruota uno pseudo: after or: before content: “”

comunque per far funzionare una rotazione sullo pseudo content:"\24B6"? Sto cercando di ruotare un simbolo unicode.

159 css rotation pseudo-element

9

Usando CSS: prima e: dopo pseudo-elementi con CSS inline?

Sto facendo una firma e-mail HTML con CSS in linea (ad esempio CSS in styleattributi), e sono curioso di vedere se è possibile utilizzare le :beforee :afterpseudo-elementi. In tal caso, come implementerei qualcosa di simile con CSS inline? td { text-align: justify; } td:after { content: ""; display: inline-block; width: …

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

2

: after vs. :: after

C'è qualche differenza funzionale tra i pseudo-selettori CSS 2.1 :aftere CSS 3 ::after(oltre a ::afternon essere supportato nei browser più vecchi)? C'è qualche motivo pratico per utilizzare le specifiche più recenti?

134 css css-selectors pseudo-element pseudo-class

4

Utilizzo: prima dello pseudo elemento CSS per aggiungere un'immagine al modale

Ho una classe CSS Modalche è assolutamente posizionata, z-indexed sopra il suo genitore e ben posizionata con JQuery. Voglio aggiungere un'immagine accento circonflesso (^) nella parte superiore della casella modale e stavo cercando di utilizzare il:before pseudo selettore CSS per farlo in modo pulito. L'immagine deve essere posizionata in modo …

116 css modal-dialog pseudo-element

3

Posso avere più: prima di pseudo-elementi per lo stesso elemento?

È possibile avere più :beforepseudo per lo stesso elemento? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Sto cercando di applicare gli stili precedenti allo stesso elemento usando jQuery, ma viene applicato solo quello più recente, mai entrambi.

116 css css-selectors pseudo-element css-content

6

Devo usare la notazione dei due punti singoli o doppi per gli pseudo-elementi?

Poiché IE7 e IE8 non supportano la notazione dei due punti per gli pseudo-elementi (ad esempio ::aftero ::first-letter), e poiché i browser moderni supportano la notazione a due punti (ad esempio :after) per la compatibilità all'indietro, dovrei usare esclusivamente la notazione a due punti e quando La quota di mercato …

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

3

CSS: dopo non aver aggiunto contenuto a determinati elementi

Ho problemi a comprendere il comportamento della :afterproprietà CSS . Secondo le specifiche ( qui e qui ): Come indica il loro nome, le :beforee :afterpseudo-elementi specificano la posizione del contenuto prima e dopo il contenuto albero del documento di un elemento. Ciò non sembra porre restrizioni su quali elementi …

100 css pseudo-element

Domande taggate «pseudo-element»