unable to reset safari user agent stylesheet whit custom css

Question

I cope with strange safari user agent stylesheet. Safari adds:

display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

which I can not overwrite even whit !important attribute i.e.

-webkit-margin-before: 0px !important;

Here is a screenshot of my problem https://i.stack.imgur.com/tqPku.png

Answer 1

Set just

p {margin: 0;} /* or margin-top: 0; to reset just top margin */