OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #target1 { color: red; background-color: currentColor; } | 3 #target1 { color: red; background-color: currentColor; } |
4 #target1 { all: initial; } | 4 #target1 { all: initial; } |
5 #target1 { color: green; } | 5 #target1 { color: green; } |
6 | 6 |
7 #parent { color: green; } | 7 #parent { color: green; } |
8 #target2 { color: red; background-color: currentColor; } | 8 #target2 { color: red; background-color: currentColor; } |
9 #target2 { all: inherit; } | 9 #target2 { all: inherit; } |
10 | 10 |
(...skipping 16 matching lines...) Expand all Loading... |
27 #target7 { direction: rtl; } | 27 #target7 { direction: rtl; } |
28 | 28 |
29 #target8 { all: initial !important; } | 29 #target8 { all: initial !important; } |
30 #target8 { direction: rtl !important; } | 30 #target8 { direction: rtl !important; } |
31 #target8 { all: initial !important; } | 31 #target8 { all: initial !important; } |
32 | 32 |
33 #parent9 { color: green; } | 33 #parent9 { color: green; } |
34 #target9 { all: unset; } | 34 #target9 { all: unset; } |
35 </style> | 35 </style> |
36 <!-- Test for crbug.com/172051: all shorthand property --> | 36 <!-- Test for crbug.com/172051: all shorthand property --> |
37 <!-- The following tests describes current behavior, --> | 37 <div id='target1'>green color, no background-color</div> |
38 <!-- i.e. before implementing all. --> | |
39 <div id='target1'>green color, green background-color</div> | |
40 | 38 |
41 <div id='parent'> | 39 <div id='parent'> |
42 <div id='target2'>red color, red background-color</div> | 40 <div id='target2'>green color, no background-color</div> |
43 </div> | 41 </div> |
44 | 42 |
45 <div id='target3'>green color</div> | 43 <div id='target3'>green color</div> |
46 | 44 |
47 <div id='target4'>red color, red background-color</div> | 45 <div id='target4'>not red color, no background-color</div> |
48 | 46 |
49 <div id='target5'>green color, red background-color</div> | 47 <div id='target5'>green color, no background-color</div> |
50 | 48 |
51 <div id='target6'>red color</div> | 49 <div id='target6'>not red color</div> |
52 | 50 |
53 <div id='target7'>direction is rtl</div> | 51 <div id='target7'>direction is rtl</div> |
54 | 52 |
55 <div id='target8'>direction is rtl</div> | 53 <div id='target8'>direction is rtl</div> |
56 | 54 |
57 <div id='parent9'> | 55 <div id='parent9'> |
58 <div id='target9'>green color</div> | 56 <div id='target9'>green color</div> |
59 </div> | 57 </div> |
OLD | NEW |