CSS: Jak usunąć pseudoelementy (po, przed…)?

Chciałbym użyć przełącznika do układu znaczników akapitu na stronie internetowej.

Używam pseudoelementu po:

p:after {content: url("../img/paragraph.gif");}

Teraz muszę usunąć ten kod CSS ze strony.

Jak można to łatwo zrobić?

Chcę dodać, że:

• jQuery jest już używany na stronie

• i nie chcę dołączać ani usuwać plików zawierających CSS.

p:after {
   content: none;
}

none nie jest oficjalną wartością do ustawienia zawartości, jeśli jest określona, ​​na nic.

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

Musisz dodać regułę css, która usuwa zawartość końcową ( poprzez klasę ).

Zmiana z powodu pewnych ważnych uwag.

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

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

jak odpowiedział Gillian Lo Wong .

Oryginalna odpowiedź

Musisz dodać regułę css, która usuwa zawartość końcową ( poprzez klasę ).

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

i dodaj tę klasę do swojej, pkiedy chcesz dzięki tej linii

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

działający przykład pod adresem : http://www.jsfiddle.net/G2czw/

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

Jak wspomniano w odpowiedzi Gillian , przypisanie nonedo contentrozwiązania problemu:

p::after {
   content: none;
}

Należy zauważyć, że w CSS 3 , W3C zaleca się stosowanie dwóch średników ( ::) dla pseudoelementów jak przed lub po tym .

Z dokumentu internetowego MDN na temat pseudoelementów

Uwaga: Z reguły ::należy stosować podwójne dwukropki ( ) zamiast pojedynczego dwukropka ( :). To odróżnia pseudoklasy od pseudoelementów. Ponieważ jednak to rozróżnienie nie występowało w starszych wersjach specyfikacji W3C, większość przeglądarek obsługuje obie składnie ze względu na kompatybilność. Pamiętaj, że ::selectionzawsze musi zaczynać się od podwójnych dwukropków ( ::).

Zależy to od tego, co faktycznie dodają pseudoselektory. W Twojej sytuacji ustawienie zawartości na ""pozbycie się jej, ale jeśli ustawiasz granice, tła lub cokolwiek innego, musisz je dokładnie wyzerować. O ile mi wiadomo, nie ma jednego lekarstwa na usunięcie wszystkiego przed / po elemencie, niezależnie od tego, co to jest.

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

p:after {
  content: none;
}

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