| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <style> | 
|  | 3 #target1 { color: red; background-color: currentColor; } | 
|  | 4 #target1 { color: green; } | 
|  | 5 | 
|  | 6 #parent { color: green; } | 
|  | 7 #target2 { color: red; background-color: currentColor; } | 
|  | 8 | 
|  | 9 #target3 { color: green !important; } | 
|  | 10 | 
|  | 11 #target4 { color: red !important; } | 
|  | 12 #target4 { background-color: red; } | 
|  | 13 | 
|  | 14 #target5 { background-color: red; } | 
|  | 15 #target5 { color: green !important; } | 
|  | 16 | 
|  | 17 #target6 { color: red !important; } | 
|  | 18 | 
|  | 19 #target7 { direction: rtl; } | 
|  | 20 | 
|  | 21 #target8 { direction: rtl !important; } | 
|  | 22 | 
|  | 23 #parent9 { color: green; } | 
|  | 24 </style> | 
|  | 25 <div id='target1'>green color, no background-color</div> | 
|  | 26 | 
|  | 27 <div id='parent'> | 
|  | 28   <div id='target2'>green color, no background-color</div> | 
|  | 29 </div> | 
|  | 30 | 
|  | 31 <div id='target3'>green color</div> | 
|  | 32 | 
|  | 33 <div id='target4'>not red color</div> | 
|  | 34 | 
|  | 35 <div id='target5'>green color, no background-color</div> | 
|  | 36 | 
|  | 37 <div id='target6'>not red color</div> | 
|  | 38 | 
|  | 39 <div id='target7'>direction is rtl</div> | 
|  | 40 | 
|  | 41 <div id='target8'>direction is rtl</div> | 
|  | 42 | 
|  | 43 <div id='parent9'> | 
|  | 44   <div id='target9'>green color</div> | 
|  | 45 </div> | 
| OLD | NEW | 
|---|