How To Modify Programmatically With Javascript The Css ::before And ::after

I've generated this CSS for a bubble from http://www.ilikepixels.co.uk/drop/bubbler/ .bubble { position: relative; width: 250px; height: 120px;

Solution 1:

The :before and :after elements aren't really part of the dom, so you can't do this and will likely need a different approach. See Access the css ":after" selector with jQuery and Selecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery