I am trying to style lists in my website using pseudo elements to replace the default bullet point. However, the pseudo elements render on top of the dropdown menus in the navigation sidebar for some reason. Hover over one of the “Hover me” items to reproduce the issue.

When I use :not(::placeholder-shown), :NOT seems to be not working in safari browsers.