| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {H1} at (0,0) size 784x37 | 6 RenderBlock {H1} at (0,0) size 784x37 |
| 7 RenderText {#text} at (0,0) size 507x37 | 7 RenderText {#text} at (0,0) size 507x37 |
| 8 text run at (0,0) width 507: "Dynamically changing pseudo classes" | 8 text run at (0,0) width 507: "Dynamically changing pseudo classes" |
| 9 RenderBlock {P} at (0,58) size 784x18 | 9 RenderBlock {P} at (0,58) size 784x18 |
| 10 RenderText {#text} at (0,0) size 613x18 | 10 RenderText {#text} at (0,0) size 613x18 |
| 11 text run at (0,0) width 613: "Following meter gauge should be green -
Changing the paseudo class by changing value attribute" | 11 text run at (0,0) width 613: "Following meter gauge should be green -
Changing the paseudo class by changing value attribute" |
| 12 RenderBlock (anonymous) at (0,92) size 784x16 | 12 RenderBlock (anonymous) at (0,92) size 784x16 |
| 13 RenderMeter {METER} at (0,0) size 80x16 | 13 RenderMeter {METER} at (0,0) size 80x16 |
| 14 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] | 14 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] |
| 15 RenderBlock {DIV} at (0,0) size 72x16 [bgcolor=#008000] | 15 RenderBlock {DIV} at (0,0) size 72x16 [bgcolor=#008000] |
| 16 RenderBlock {DIV} at (0,0) size 80x16 |
| 17 RenderBlock {DIV} at (0,2) size 80x14 |
| 16 RenderText {#text} at (0,0) size 0x0 | 18 RenderText {#text} at (0,0) size 0x0 |
| 17 RenderBlock {P} at (0,124) size 784x18 | 19 RenderBlock {P} at (0,124) size 784x18 |
| 18 RenderText {#text} at (0,0) size 735x18 | 20 RenderText {#text} at (0,0) size 735x18 |
| 19 text run at (0,0) width 735: "Following meter gauge should be blue - C
hanging the pseudo class by changing direction from horizontal to vertical." | 21 text run at (0,0) width 735: "Following meter gauge should be blue - C
hanging the pseudo class by changing direction from horizontal to vertical." |
| 20 RenderBlock (anonymous) at (0,158) size 784x100 | 22 RenderBlock (anonymous) at (0,158) size 784x100 |
| 21 RenderMeter {METER} at (0,0) size 80x100 | 23 RenderMeter {METER} at (0,0) size 80x100 |
| 24 RenderBlock {DIV} at (0,0) size 80x100 |
| 25 RenderBlock {DIV} at (0,0) size 72x100 |
| 22 RenderBlock {DIV} at (0,0) size 80x100 [bgcolor=#808080] | 26 RenderBlock {DIV} at (0,0) size 80x100 [bgcolor=#808080] |
| 23 RenderBlock {DIV} at (0,10) size 80x90 [bgcolor=#0000FF] | 27 RenderBlock {DIV} at (0,10) size 80x90 [bgcolor=#0000FF] |
| 24 RenderText {#text} at (0,0) size 0x0 | 28 RenderText {#text} at (0,0) size 0x0 |
| 25 RenderBlock {P} at (0,274) size 784x36 | 29 RenderBlock {P} at (0,274) size 784x36 |
| 26 RenderText {#text} at (0,0) size 766x36 | 30 RenderText {#text} at (0,0) size 766x36 |
| 27 text run at (0,0) width 766: "Following meter gauge should be native l
ooking green - Changing the pseudo class by changing direction from vertical to" | 31 text run at (0,0) width 766: "Following meter gauge should be native l
ooking green - Changing the pseudo class by changing direction from vertical to" |
| 28 text run at (0,18) width 67: "horizontal." | 32 text run at (0,18) width 67: "horizontal." |
| 29 RenderBlock (anonymous) at (0,326) size 784x20 | 33 RenderBlock (anonymous) at (0,326) size 784x20 |
| 30 RenderMeter {METER} at (0,0) size 80x20 | 34 RenderMeter {METER} at (0,0) size 80x20 |
| 35 RenderBlock {DIV} at (0,0) size 80x20 |
| 36 RenderBlock {DIV} at (0,0) size 72x20 |
| 37 RenderBlock {DIV} at (0,0) size 80x20 [bgcolor=#808080] |
| 38 RenderBlock {DIV} at (0,2) size 80x18 [bgcolor=#0000FF] |
| 31 RenderText {#text} at (0,0) size 0x0 | 39 RenderText {#text} at (0,0) size 0x0 |
| OLD | NEW |