Attention: open in a new window. PDFPrintE-mail

Operea CSS Content Bug

Your specification is: applicable on all elements, not just on the :before and :after pseudo- elements
http://www.opera.com/docs/specs/#css under CSS3 - proposed properties supported by Opera
This breaks all my pages and is in violation of the definition of how this works; i.e. before and after
Example:
<style type="text/css">
    .mycontent { content: ' oranges '; }
    .mycontent:after { content: ' apples '; }
    .mycontent:before { content: ' lemons '; }
</style>
<div class="mycontent">This is</div>
This is the output in every browser I know of but Opera
lemons This is an apples
In Opera you get
lemons oranges apples
I use JavaScript to toggle the style without the before and after so what I normally see is:
This is apples
This is oranges
This is lemons
A simple yet stupid example; in fact there is no reason that I can think of why you would want content to replace your text; in fact there isn't any because its just dumb.
In reality I have a library that uses the content to alter html tags; this works very nice since it will validate and work in all browser except Opera
Wow how wonderful, what a great idea; you are crazy; you need to fix this an fast.
Why would you do such a thing?
This is such a huge problem that I have to tell people not to use Opera until they can adhere to standard and stop making up their own.
I expect to behave as it was designed; only on a before and after; there is a very good reason why it was designed this way
you get one extra content for every element using this attribute making it worthless to even include it in you style sheet

Below is an Example of this Opera Stupidity at its best:

Open this page in any browser and view it; then open it in Opera

This is