CSS: How to remove pseudo elements (after, before,...)?

javascript html css pseudo-element
Thariama picture Thariama · Jun 10, 2010 · Viewed 226.5k times · Source

I would like to use a switch for the layout of paragraph tags on a webpage.

I use the after pseudoelement:

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

Now I need to remove this CSS code from the page.

How can this be done easily?

I want to add that:

  • jQuery is already used on the page

  • and I do not want to include or remove files containing CSS.

Answer

Gilly picture Gilly · Sep 11, 2013 
p:after {
   content: none;
}

none is the official value to set the content, if specified, to nothing.

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

Related questions

Add onclick with css pseudo-element after

Is it possible in my css file to do something like that?: .myclass:after{ content:"click me"; onclick:"my_function()"; } I want to add after all instances of myclass a clickable text, in the css style sheet.

Read More
Retrieve the position (X,Y) of an HTML element relative to the browser window

I want to know how to get the X and Y position of HTML elements such as img and div in JavaScript relative to the browser window.

Read More
Set cookie and get cookie with JavaScript

I'm trying to set a cookie depending on which CSS file I choose in my HTML. I have a form with a list of options, and different CSS files as values. When I choose a file, it should be saved …

Read More