before-after-dynamic-restyle-001

generated content

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
dom

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html class="reftest-wait"><head>
 3     <link rel="reference" href="before-after-dynamic-restyle-001-ref.xht">
 4     <title>CSS Test: generated content</title>
 5     <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org">
 6     <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
 7     <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content">
 8     <meta name="flags" content="dom">
 9 <style type="text/css">
10 body:before {
11   content:"Before";
12   border:inherit;
13 }
14 .cl:after {
15   display:block;
16   content:"After";
17 }
18 </style>
19 <script type="text/javascript">
20 function fixupDOM() {
21   document.body.setAttribute("style", "border:2px solid green;");
22   document.body.className = "cl";
23   document.documentElement.className = "";
24 }
25 </script>
26 </head>
27 <body onload="fixupDOM()">
28 
29 
30 </body></html>