| <!DOCTYPE html> | |
| <style> | |
| #parent1 { color: red; } | |
| #target1 | |
| { | |
| all: inherit; | |
| color: green; | |
| } | |
| #parent2 { color: red; } | |
| #target2 | |
| { | |
| all: unset; | |
| color: #90EE90; | |
| } | |
| </style> | |
| <div id='parent1'> | |
| <div id='target1'>Testing target1 color -> should be green</div> | |
| </div> | |
| <div id='parent2'> | |
| <div id='target2'>Testing target2 color -> should be light green</div> | |
| </div> |