Using DOMNodeInserted by targeting parent

HTML

text node

<h1>Heading One </h1>

<div class="parent">
<p>hi there</p>
</div>

CSS

div<p{
  margin-top: 100px;
}

JavaScript

$(document).on('DOMNodeInserted', '.parent', function(e) {
    
    $(e.target).css({ color : '#c00' });
    
});

$('.parent').append('<div>test</div>');