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 file contenenti CSS.

p:after {
   content: none;
}

none è il valore ufficiale per impostare il contenuto, se specificato, su niente.

http://www.w3schools.com/cssref/pr_gen_content.asp

Devi aggiungere una regola CSS che rimuove il contenuto after ( attraverso una classe ).

Un aggiornamento a causa di alcuni commenti validi.

Il modo più corretto per rimuovere / disabilitare completamente il file :after regola è utilizzare

p.no-after:after{content:none;}

come ha risposto Gillian Lo Wong .

Risposta originale

Devi aggiungere una regola CSS che rimuove il contenuto after ( attraverso una classe ).

p.no-after:after{content:"";}

e aggiungi quella classe alla tua pquando vuoi con questa linea

$('p').addClass('no-after'); // replace the p selector with what you need...

un esempio funzionante su: http://www.jsfiddle.net/G2czw/

$('p:after').css('display','none');

Come menzionato nella risposta di Gillian , assegnando nonea contentrisolve il problema:

p::after {
   content: none;
}

Si noti che in CSS3 , W3C ha raccomandato di usare due due punti ( ::) per pseudo-elementi come ::beforeo ::after.

Dal documento web MDN sugli pseudo-elementi :

Nota: di norma, utilizzare due punti ( ::) anziché due punti ( :). Ciò distingue le pseudo-classi dagli pseudo-elementi. Tuttavia, poiché questa distinzione non era presente nelle versioni precedenti delle specifiche del W3C, la maggior parte dei browser supporta entrambe le sintassi per motivi di compatibilità. Nota che ::selectiondeve sempre iniziare con i due punti ( ::).

Questo dipende da ciò che viene effettivamente aggiunto dagli pseudoselettori. Nella tua situazione, impostando il contenuto su ""ti sbarazzerai di esso, ma se stai impostando bordi o sfondi o altro, devi azzerarli specificamente. Per quanto ne so, non esiste un unico rimedio per rimuovere tutto ciò che riguarda un elemento prima / dopo, indipendentemente da ciò che è.

ha avuto lo stesso problema pochi minuti fa e semplicemente content:none;non ha funzionato ma l'aggiunta content:none !important;e ha display:none !important;funzionato per me

p:after {
  content: none;
}

Questo è un modo per rimuovere :aftere puoi fare lo stesso per:before