Category "pseudo-element"

Css :after and :before pseudo element not working properly in IOS

I am trying to dash after border in H tag using :after and :before it's working fine on desktop & android devices but create issue in IOS devices border mad

FontAwesome icon not showing at all on chromium-based browsers

I'm trying to update some theme from fontawesome 4 to 5. So far everything seems to work fine, the icons in i tags are displayed. Except for one specific icon t

Pseudo element overlaps child element

Fiddle! .wrapper { justify-content: center; display: flex; background: black; } .outer { text-decoration: none; display: inline-bl

How to close the new html <dialog> tag by clicking on its ::backdrop

I didn't find any built in solution or workaround for closing the html5 <dialog> element by clicking on its background(::backdrop), although it's clearly

content attribute text color - css

I would like to add color to a text in the content attribute. I did like this, didn't work .atleastTwoChars:after { content: "2*"; float: left; w

CSS :before on inline SVG

Update Thanks porneL for pointing out the relation between generated content and replaced elements. I found this article which deals with this very topic: Int

Proper way to position :before pseudo-elements

What is the proper way to position :before and :after pseudo-elements, like pictures? I've been messing around with a bunch of different ways, but none of them