| OLD | NEW |
| 1 Tests that computed styles expand and allow tracing to style rules. | 1 Tests that computed styles expand and allow tracing to style rules. |
| 2 | 2 |
| 3 ==== Computed style for ID1 ==== | 3 ==== Computed style for ID1 ==== |
| 4 display: block; | 4 display: block; |
| 5 block - div user agent stylesheet | 5 block - div user agent stylesheet |
| 6 --a: red; | |
| 7 red - body styles-variables.html:4 -> styles-variables.html:4:7 | |
| 8 --b: 44px; | |
| 9 44px - #id1 styles-variables.html:8 -> styles-variables.html:8:7 | |
| 10 [expanded] | 6 [expanded] |
| 11 element.style { () | 7 element.style { () |
| 12 | 8 |
| 13 [expanded] | 9 [expanded] |
| 14 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7) | 10 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7) |
| 15 --b: 44px; | 11 --b: 44px; |
| 16 | 12 |
| 17 [expanded] | 13 [expanded] |
| 18 div { (user agent stylesheet) | 14 div { (user agent stylesheet) |
| 19 display: block; | 15 display: block; |
| 20 | 16 |
| 21 ======== Inherited from body ======== | 17 ======== Inherited from body ======== |
| 22 [expanded] | 18 [expanded] |
| 23 body { (styles-variables.html:4 -> styles-variables.html:4:7) | 19 body { (styles-variables.html:4 -> styles-variables.html:4:7) |
| 24 --a: red; | 20 --a: red; |
| 25 | 21 |
| 26 value of --a: red | 22 value of --a: red |
| 27 ==== Computed style for ID2 ==== | 23 ==== Computed style for ID2 ==== |
| 28 display: block; | 24 display: block; |
| 29 block - div user agent stylesheet | 25 block - div user agent stylesheet |
| 30 --a: green; | |
| 31 green - #id2 styles-variables.html:12 -> styles-variables.html:12:7 | |
| 32 OVERLOADED red - body styles-variables.html:4 -> styles-variables.html:4:7 | |
| 33 --b: 44px; | |
| 34 44px - #id1 styles-variables.html:8 -> styles-variables.html:8:7 | |
| 35 [expanded] | 26 [expanded] |
| 36 element.style { () | 27 element.style { () |
| 37 | 28 |
| 38 [expanded] | 29 [expanded] |
| 39 #id2 { (styles-variables.html:12 -> styles-variables.html:12:7) | 30 #id2 { (styles-variables.html:12 -> styles-variables.html:12:7) |
| 40 --a: green; | 31 --a: green; |
| 41 | 32 |
| 42 [expanded] | 33 [expanded] |
| 43 div { (user agent stylesheet) | 34 div { (user agent stylesheet) |
| 44 display: block; | 35 display: block; |
| 45 | 36 |
| 46 ======== Inherited from div#id1 ======== | 37 ======== Inherited from div#id1 ======== |
| 47 [expanded] | 38 [expanded] |
| 48 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7) | 39 #id1 { (styles-variables.html:8 -> styles-variables.html:8:7) |
| 49 --b: 44px; | 40 --b: 44px; |
| 50 | 41 |
| 51 ======== Inherited from body ======== | 42 ======== Inherited from body ======== |
| 52 [expanded] | 43 [expanded] |
| 53 body { (styles-variables.html:4 -> styles-variables.html:4:7) | 44 body { (styles-variables.html:4 -> styles-variables.html:4:7) |
| 54 /-- overloaded --/ --a: red; | 45 /-- overloaded --/ --a: red; |
| 55 | 46 |
| 56 value of --b: 44px | 47 value of --b: 44px |
| 57 ==== Computed style for ID3 ==== | 48 ==== Computed style for ID3 ==== |
| 58 display: block; | 49 display: block; |
| 59 block - div user agent stylesheet | 50 block - div user agent stylesheet |
| 60 --a: green; | |
| 61 inherit - #id3 styles-variables.html:16 -> styles-variables.html:16:7 | |
| 62 OVERLOADED green - #id2 styles-variables.html:12 -> styles-variables.html:12
:7 | |
| 63 OVERLOADED red - body styles-variables.html:4 -> styles-variables.html:4:7 | |
| 64 --b: 44px; | |
| 65 44px - #id1 styles-variables.html:8 -> styles-variables.html:8:7 | |
| 66 [expanded] | 51 [expanded] |
| 67 element.style { () | 52 element.style { () |
| 68 | 53 |
| 69 [expanded] | 54 [expanded] |
| 70 #id3 { (styles-variables.html:16 -> styles-variables.html:16:7) | 55 #id3 { (styles-variables.html:16 -> styles-variables.html:16:7) |
| 71 --a: inherit; | 56 --a: inherit; |
| 72 | 57 |
| 73 [expanded] | 58 [expanded] |
| 74 div { (user agent stylesheet) | 59 div { (user agent stylesheet) |
| 75 display: block; | 60 display: block; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 104 div { (user agent stylesheet) | 89 div { (user agent stylesheet) |
| 105 display: block; | 90 display: block; |
| 106 | 91 |
| 107 ======== Inherited from body ======== | 92 ======== Inherited from body ======== |
| 108 [expanded] | 93 [expanded] |
| 109 body { (styles-variables.html:4 -> styles-variables.html:4:7) | 94 body { (styles-variables.html:4 -> styles-variables.html:4:7) |
| 110 /-- overloaded --/ --a: red; | 95 /-- overloaded --/ --a: red; |
| 111 | 96 |
| 112 value of --a: undefined | 97 value of --a: undefined |
| 113 | 98 |
| OLD | NEW |