CSS: Як видалити псевдоелементи (після, перед,…)?

Я хотів би використовувати перемикач для компонування тегів абзаців на веб-сторінці.

Я використовую псевдоелемент:

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

Тепер мені потрібно видалити цей CSS-код зі сторінки.

Як це можна зробити легко?

Я хочу додати це:

• jQuery вже використовується на сторінці

• і я не хочу включати або видаляти файли, що містять CSS.

p:after {
   content: none;
}

жодне не є офіційним значенням встановлювати вміст, якщо він визначений, нічим.

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

Вам потрібно додати правило css, яке видаляє після контенту ( через клас ) ..

Оновлення з - за деякі дійсні коментарі.

Більш правильний спосіб повного видалення / відключення :afterправила - це використання

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

як відповіла Джилліан Ло Вонг .

Оригінальна відповідь

Вам потрібно додати правило css, яке видаляє після контенту ( через клас ) ..

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

і додайте цей клас до свого, pколи потрібно з цим рядком

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

робочий приклад за адресою: http://www.jsfiddle.net/G2czw/

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

Як згадується у відповіді Джилліан , призначаючи noneдля contentвирішення проблеми:

p::after {
   content: none;
}

Зверніть увагу , що в CSS3 , W3C , рекомендується використовувати два двокрапки ( ::) для псевдо-елементів , як перед тим або після того, як .

З веб-документа MDN про псевдоелементи

Примітка. Як правило, ::замість однієї двокрапки ( ) слід використовувати подвійні колонки ( :). Це відрізняє псевдокласи від псевдоелементів. Однак, оскільки цього розрізнення не було в старих версіях специфікації W3C, більшість браузерів підтримують обидва синтаксиси заради сумісності. Зауважте, що ::selectionзавжди слід починати з подвійних кольорів ( ::).

Це залежить від того, що насправді додають псевдоселектори. У вашій ситуації, якщо налаштувати вміст, ""ви позбудете його, але якщо ви встановлюєте рамки або фони чи будь-що інше, вам потрібно їх нульово викреслити. Наскільки я знаю, немає жодного засобу для видалення всього про елемент до / після, незалежно від того, що це.

була така ж проблема кілька хвилин тому, і я просто content:none;не працював, а додав content:none !important;і display:none !important;працював для мене

p:after {
  content: none;
}

Це спосіб видалити :afterі ви можете зробити те ж саме:before