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

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:

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

font family selection: