Articles of pseudo elemento

Posso cambiare l’altezza di un’immagine in CSS: prima /: dopo pseudo-elementi?

Supponiamo di voler decorare i collegamenti a determinati tipi di file usando un’immagine. Potrei dichiarare i miei collegamenti come A File! quindi avere CSS come .pdflink:after { content: url(‘/images/pdf.png’) } Ora, funziona alla grande, tranne se pdf.png non è la dimensione giusta per il mio testo del link. Mi piacerebbe poter dire al browser di […]

Come posso accedere alle proprietà di stile degli pseudo-elementi con jQuery?

Per il contesto, questo è il seguito di una domanda precedente . Piuttosto che scavare attraverso cssRules , mi piacerebbe basare la logica sui selettori jQuery che cercano gli effetti di quelle regole. Date le proprietà predefinite di .commentarea .author:before { background-image: url(http://…); background-position: -9999px -9999px; /* … */ } che sono modificati selettivamente come […]

Perché no: prima e: dopo che gli pseudo elementi funzionano con gli elementi `img`?

Sto cercando di usare a :before pseudo element con un elemento img . Considera questo HTML e CSS … HTML CSS img:before { content: “hello”; } jsFiddle . Questo non produce l’effetto desiderato (testato in Chrome 13 e Firefox 6). Tuttavia, funziona con un elemento div o span . Perchè no? C’è un modo per […]

Qual è la differenza tra una pseudo-class e uno pseudo-elemento nei CSS?

Cose come a:link o div::after … Le informazioni sulla differenza sembrano scarse.

Perché gli pseudo-elementi: before e: after richiedono una proprietà ‘content’?

Dato il seguente scenario, perché il selettore: after richiede una proprietà content per funzionare? .test { width: 20px; height: 20px; background: blue; position:relative; } .test:after { width: 20px; height: 20px; background: red; display: block; position: absolute; top: 0px; left: 20px; } Si noti come non si vede lo pseudo elemento fino a quando non si […]

È ansible impostare l’ordine di sovrapposizione di pseudo-elementi sotto il loro elemento genitore?

Sto provando a modellare un elemento con il selettore di :after pseudo elemento CSS #element { position: relative; z-index: 1; } #element::after { position:relative; z-index: 0; content: ” “; position: absolute; width: 100px; height: 100px; } Sembra che l’elemento ::after non possa essere inferiore all’elemento stesso. C’è un modo per avere l’elemento pseudo inferiore all’elemento […]

CSS: dopo aver aggiunto il contenuto a determinati elementi

Ho difficoltà a capire il comportamento del CSS :after proprietà. Secondo le specifiche ( qui e qui ): Come indicano i loro nomi, gli pseudo-elementi :before e :after specificano la posizione del contenuto prima e dopo il contenuto della struttura del documento di un elemento. Questo non sembra porre restrizioni su quali elementi possono avere […]

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

Come scrivere :hover e :visited condizioni :visited per a:before ? Sto provando a:before:hover ma non funziona

Perché non è ansible combinare pseudo-elementi / classi specifici del fornitore in un unico set di regole?

Nei CSS è ansible placeholder testo placeholder all’interno di un input utilizzando una combinazione di pseudo-classi e pseudo-elementi specifici del fornitore (per ottenere la migliore copertura cross-browser). Questi condividono tutte le stesse proprietà di base (es .: stili di testo e dichiarazioni di colore). Tuttavia, anche se inevitabilmente desidero applicare gli stessi stili indipendentemente dal […]

Selezione e manipolazione di pseudo-elementi CSS come :: before e :: after using jQuery

C’è un modo per selezionare / manipolare pseudo-elementi CSS come ::before e ::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?