CSS: jak usunąć pseudo elementy (Po, przed,...)?

Musisz dodać regułę css, która usuwa zawartość po ( poprzez klasę )..

Aktualizacja ze względu na kilka ważnych komentarzy.

Bardziej poprawnym sposobem całkowitego usunięcia / wyłączenia reguły :after jest użycie

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

oryginalna ODPOWIEDŹ

Musisz dodać regułę css, która usuwa zawartość po ( poprzez klasę )..

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

I dodać ta klasa do twojego p Kiedy chcesz z tą linią

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

Przykład roboczy w: http://www.jsfiddle.net/G2czw/

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

Jak wspomniano w odpowiedzi Gillian przypisanie none do content rozwiązuje problem:

p::after {
   content: none;
}

Zauważ, że w CSS3, W3C zaleca się użycie dwóch dwukropków (::) dla pseudoelementów Jak ::before lub ::after.

Z MDN web doc na Pseudo-elementach :

Uwaga: z reguły należy używać podwójnych dwukropków (::) zamiast pojedynczego dwukropek (:). To odróżnia pseudoklasy od pseudoelementy. Ponieważ jednak rozróżnienie to nie występowało w starszych wersjach spec W3C, większość przeglądarek obsługuje obie składnie ze względu na kompatybilność. Zauważ, że ::selection musi zawsze zaczynać się od podwójnego dwukropki (::).

To zależy od tego, co faktycznie jest dodawane przez pseudoselektory. W twojej sytuacji ustawienie zawartości na "" pozbędzie się jej, ale jeśli ustawiasz granice lub tła lub cokolwiek innego, musisz je dokładnie zerować. O ile wiem, nie ma jednego lekarstwa na usunięcie wszystkiego o elemencie przed/po, niezależnie od tego, co to jest.

Miałem ten sam problem kilka minut temu i po prostu content:none; nie działa, ale dodanie content:none !important; i display:none !important; zadziałało dla mnie

*::after {
   content: none !important;
}
*::before {
   content: none !important;
}

p:after {
  content: none;
}

Jest to sposób na usunięcie :after i możesz zrobić to samo dla :before