CSS: Yalancı öğeler nasıl kaldırılır (sonra, önce,…)?

Bir web sayfasındaki paragraf etiketlerinin yerleşimi için bir anahtar kullanmak istiyorum.

After pseudoelement kullanıyorum:

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

Şimdi bu CSS kodunu sayfadan kaldırmam gerekiyor.

Bu nasıl kolayca yapılabilir?

Bunu eklemek istiyorum:

• jQuery zaten sayfada kullanılıyor

• ve CSS içeren dosyaları dahil etmek veya kaldırmak istemiyorum.

p:after {
   content: none;
}

hiçbiri , belirtilirse içeriği hiçbir şeye ayarlamak için resmi değer değildir.

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

Sonraki içeriği ( bir sınıf aracılığıyla ) kaldıran bir css kuralı eklemeniz gerekir .

Bir güncelleme bazı geçerli yorumlar nedeniyle.

:afterKuralı tamamen kaldırmak / devre dışı bırakmak için en doğru yol

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

olarak Gillian Lo Wong cevap verdi .

Orijinal cevap

Sonraki içeriği ( bir sınıf aracılığıyla ) kaldıran bir css kuralı eklemeniz gerekir .

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

ve pbu satırla istediğiniz zaman o sınıfı

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

çalışan bir örnek: http://www.jsfiddle.net/G2czw/

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

Gillian'ın cevabında belirtildiği gibi , sorunu çözmek noneiçin atama content:

p::after {
   content: none;
}

CSS3'te , W3C'nin önceki veya sonraki gibi sahte elemanlar:: için iki sütun ( ) kullanmasını önerdiğini unutmayın .

Gönderen sözde elemanları MDN web doc

Not: Kural olarak, tek bir iki nokta üst üste ( ::) yerine çift ​​iki nokta üst üste ( ) kullanılmalıdır :. Bu sözde sınıfları sözde unsurlardan ayırır. Ancak, bu ayrım W3C spesifikasyonunun eski sürümlerinde mevcut olmadığından, çoğu tarayıcı uyumluluk için her iki sözdizimini de destekler. Bunun ::selectionher zaman çift sütunlu ( ::) ile başlaması gerektiğini unutmayın .

Bu, yalancı seçiciler tarafından gerçekte nelerin eklendiğine bağlıdır. Sizin durumunuzda, içeriği ayarlamak ""bundan kurtulur, ancak sınırlar veya arka planlar veya başka bir şey ayarlarsanız, bunları özellikle sıfırlamanız gerekir. Bildiğim kadarıyla, ne olursa olsun bir önceki / sonraki öğeyle ilgili her şeyi kaldırmak için tek bir tedavi yok.

Birkaç dakika önce aynı sorunu vardı ve sadece content:none;işi ama ekleyerek yapmadı content:none !important;ve display:none !important;benim için çalıştı

p:after {
  content: none;
}

Bu, kaldırmanın bir yoludur :afterve aynısını aşağıdakiler için de yapabilirsiniz::before