| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script type="text/javascript"> |
| 5 function log(msg) |
| 6 { |
| 7 document.getElementById('console').appendChild(document.createTextNo
de(msg + '\n')); |
| 8 } |
| 9 |
| 10 function test(id) |
| 11 { |
| 12 var elem = document.getElementById(id); |
| 13 log(id + ': ' + document.defaultView.getComputedStyle(elem, null).ge
tPropertyValue('color')); |
| 14 } |
| 15 |
| 16 function runTests() |
| 17 { |
| 18 if (window.testRunner) |
| 19 testRunner.dumpAsText(); |
| 20 |
| 21 log('--- COMPUTED STYLES ---'); |
| 22 |
| 23 test('S1'); |
| 24 test('P1'); |
| 25 test('R1'); |
| 26 test('E1'); |
| 27 log(''); |
| 28 test('S2'); |
| 29 test('P2'); |
| 30 test('R2'); |
| 31 test('E2'); |
| 32 log(''); |
| 33 test('S3'); |
| 34 test('P3'); |
| 35 test('R3'); |
| 36 test('E3'); |
| 37 log(''); |
| 38 test('S4'); |
| 39 test('P4'); |
| 40 test('R4'); |
| 41 test('E4'); |
| 42 |
| 43 log('--- FINISHED ---'); |
| 44 } |
| 45 </script> |
| 46 <style type="text/css"> |
| 47 body { color: black; } |
| 48 </style> |
| 49 </head> |
| 50 <body onload="runTests();"> |
| 51 <p>Test <style scoped></p> |
| 52 <div class="foo"> |
| 53 <span id="S1">Text</span> |
| 54 <p id="P1">Text</p> |
| 55 <pre id="R1" class="bar">Text</pre> |
| 56 <pre id="E1" class="baz">Text</pre> |
| 57 </div> |
| 58 <div id="foo"> |
| 59 <div id="sib"></div> |
| 60 <div> |
| 61 <style type="text/css" scoped> |
| 62 div { color: red; } |
| 63 p { color: green; } |
| 64 div .bar { color: blue; } |
| 65 #foo .baz { color: rgb(10, 10, 10); } /* should NOT apply! */ |
| 66 #sib + * { color: rgb(20, 20, 20); } /* should NOT apply! */ |
| 67 #sib ~ * { color: rgb(30, 30, 30); } /* should NOT apply! */ |
| 68 div div { color: rgb(40, 40, 40); } /* should NOT apply! */ |
| 69 </style> |
| 70 <span id="S2">Text</span> |
| 71 <p id="P2">Text</p> |
| 72 <pre id="R2" class="bar">Text</pre> |
| 73 <pre id="E2" class="baz">Text</pre> |
| 74 </div> |
| 75 <span id="S3">Text</span> |
| 76 <p id="P3">Text</p> |
| 77 <pre id="R3" class="bar">Text</pre> |
| 78 <pre id="E3" class="baz">Text</pre> |
| 79 </div> |
| 80 <div class="foo"> |
| 81 <span id="S4">Text</span> |
| 82 <p id="P4">Text</p> |
| 83 <pre id="R4" class="bar">Text</pre> |
| 84 <pre id="E4" class="baz">Text</pre> |
| 85 </div> |
| 86 <pre id="console"></pre> |
| 87 </body> |
| 88 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 317143002:
Revert of Remove scoped styles. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk