CSS: Bagaimana menghapus elemen pseudo (setelah, sebelum, ...)?

Saya ingin menggunakan sakelar untuk tata letak tag paragraf di halaman web.

Saya menggunakan pseudoelement setelah:

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

Sekarang saya perlu menghapus kode CSS ini dari halaman.

Bagaimana ini bisa dilakukan dengan mudah?

Saya ingin menambahkan itu:

• jQuery sudah digunakan di halaman

• dan saya tidak ingin memasukkan atau menghapus file yang mengandung CSS.

p:after {
   content: none;
}

tidak ada nilai resmi untuk mengatur konten, jika ditentukan, menjadi nol.

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

Anda perlu menambahkan aturan css yang menghapus konten setelahnya ( melalui kelas ) ..

Sebuah pembaruan karena beberapa komentar yang valid.

Cara yang lebih benar untuk menghapus / menonaktifkan :afteraturan sepenuhnya adalah dengan menggunakan

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

saat Gillian Lo Wong menjawab .

Jawaban asli

Anda perlu menambahkan aturan css yang menghapus konten setelahnya ( melalui kelas ) ..

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

dan tambahkan kelas itu ke Anda pketika Anda ingin dengan baris ini

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

contoh kerja di: http://www.jsfiddle.net/G2czw/

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

Seperti disebutkan dalam jawaban Gillian , menugaskan noneuntuk contentmemecahkan masalah:

p::after {
   content: none;
}

Perhatikan bahwa dalam CSS3 , W3C merekomendasikan untuk menggunakan dua titik dua ( ::) untuk elemen pseudo seperti ::beforeatau ::after.

Dari dokumen web MDN di Pseudo-elements :

Catatan: Sebagai aturan, dua titik ( ::) harus digunakan sebagai ganti satu titik dua ( :). Ini membedakan pseudo-class dari pseudo-elements. Namun, karena perbedaan ini tidak ada dalam versi W3C spec yang lebih lama, sebagian besar browser mendukung kedua sintaksis demi kompatibilitas. Perhatikan bahwa ::selectionharus selalu dimulai dengan titik dua ( ::).

Ini tergantung pada apa yang sebenarnya ditambahkan oleh pseudoselektor. Dalam situasi Anda, mengatur konten untuk ""akan menghilangkannya, tetapi jika Anda menetapkan batas atau latar belakang atau apa pun, Anda perlu membidiknya secara spesifik. Sejauh yang saya tahu, tidak ada satu obat untuk menghilangkan semua tentang elemen sebelum / sesudah terlepas dari apa itu.

punya masalah yang sama beberapa menit yang lalu dan content:none;tidak berfungsi tetapi menambah content:none !important;dan display:none !important;bekerja untuk saya

p:after {
  content: none;
}

Ini adalah cara untuk menghapus :afterdan Anda dapat melakukan hal yang sama untuk:before