Handling of "!important" property flag

Normally later css style properties defined later are overriding earlier ones.
Except if they are marked with the flag "!important".
Those can only be overridden by style properties which are also marked "!important".

There are two classes of property overriding

• inherit (nested html tags)
• merging (more css properties to the same html tag)

This is handled similarly for all styles, so we check only examples here

ul { line-height:160% }

merge a { border-bottom:dashed 1pt red !important; text-decoration:none !important; }

dummy links, text decoration/border bottom:

• (default)
• border-bottom-style:none; (ignore)
• border:1pt solid blue; (ignore)
• border-bottom-style:none!important; (override)
• border:1pt solid blue!important; (override)

Inherit .monospace { font-family:monospace !important; }

font family selection:

• (default)
• font-family:sans-serif; (ignored)
• font-family:sans-serif!important; (override)