OLD | NEW |
1 Tests that adding a new rule works after switching nodes. | 1 Tests that adding a new rule works after switching nodes. |
2 | 2 |
3 Text | 3 Text |
4 Revision added: inspector-stylesheet | 4 Revision added: inspector-stylesheet |
5 After adding new rule (inspected): | 5 After adding new rule (inspected): |
6 [expanded] | 6 [expanded] |
7 element.style { () | 7 element.style { () |
8 font-size: 12px; | 8 font-size: 12px; |
9 | 9 |
10 [expanded] | 10 [expanded] |
11 foo, [$div#inspected$], bar { (inspector-stylesheet:1 -> inspector-stylesheet:1
:6) | 11 foo, [$div#inspected$], bar { (inspector-stylesheet:1 -> inspector-stylesheet:1
:6) |
12 color: maroon; | 12 color: maroon; |
13 | 13 |
14 [expanded] | 14 [expanded] |
15 [$div$] { (user agent stylesheet) | 15 [$div$] { (user agent stylesheet) |
16 display: block; | 16 display: block; |
17 | 17 |
18 | 18 |
19 After adding new rule (other): | 19 After adding new rule (other): |
20 [expanded] | 20 [expanded] |
21 element.style { () | 21 element.style { () |
22 color: red; | 22 color: red; |
23 | 23 |
24 [expanded] | 24 [expanded] |
25 div#other { (inspector-stylesheet:4 -> inspector-stylesheet:4:1) | 25 div#other { (inspector-stylesheet:5 -> inspector-stylesheet:5:1) |
26 | 26 |
27 [expanded] | 27 [expanded] |
28 div { (user agent stylesheet) | 28 div { (user agent stylesheet) |
29 display: block; | 29 display: block; |
30 | 30 |
31 | 31 |
32 [expanded] | 32 [expanded] |
33 element.style { () | 33 element.style { () |
34 | 34 |
35 [expanded] | 35 [expanded] |
36 .my-class { (inspector-stylesheet:5 -> inspector-stylesheet:5:1) | 36 .my-class { (inspector-stylesheet:7 -> inspector-stylesheet:7:1) |
37 | 37 |
38 [expanded] | 38 [expanded] |
39 div { (user agent stylesheet) | 39 div { (user agent stylesheet) |
40 display: block; | 40 display: block; |
41 | 41 |
42 | 42 |
43 [expanded] | 43 [expanded] |
44 element.style { () | 44 element.style { () |
45 | 45 |
46 [expanded] | 46 [expanded] |
47 .class-1.class-2.class-3 { (inspector-stylesheet:6 -> inspector-stylesheet:6:1) | 47 .class-1.class-2.class-3 { (inspector-stylesheet:9 -> inspector-stylesheet:9:1) |
48 | 48 |
49 [expanded] | 49 [expanded] |
50 div { (user agent stylesheet) | 50 div { (user agent stylesheet) |
51 display: block; | 51 display: block; |
52 | 52 |
53 | 53 |
54 | 54 |
OLD | NEW |