<!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> |