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
- Why is
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
- 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- Why is
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
