text-decoration and pointer-events of anchor pseudo-elements
I have a big confusion regarding this topic. With the attached html, I am getting what's in the attached screenshot:
- Why is it showing an underline as text-decoration for the ::after, but not the ::before - Why is the underline on the ::after not gone, even though I've set it to
text-decoration: none
text-decoration: none
- Why is
pointer-events: none
pointer-events: none
ignored?
I suppose "it's just how anchors work". This means I have to break them into three individual html elements? Would be very unfortunate and a big loss in hygiene of my markup