Sometimes it's just easier to add some content before a given HTML element.
If you don't want to have the before pseudo element show you can use this css for the divs.

div:before {
   content: none;
}

If you want to remove the before pseudo element for paragraph tags (<p>) use this code

p:before {
   content: none;
}

If still doesn't work then add try
content: none !important;

Remove the before pseudo selector via another CSS class

An interesting suggestion on StackOverflow (see related links) suggests that you can add another CSS class to remove the pseudo elements. This is cool approach as well because you can remove the before to specific elements only.
You need to add a CSS rule that removes the after content (through a class).

p.no-after:after { content:none; }
div.no-after:after { content:none; }

/* global */
.no-after:after { content:none; }

Then you need to add the 'no-after' CSS class to the elements you want.

Related
https://stackoverflow.com/questions/3012716/css-how-to-remove-pseudo-elements-after-before

Referral Note: When you purchase through an referral link (if any) on this page, we may earn a commission.
If you're feeling thankful, you can buy me a coffee or a beer