This seems very trivial but I couldn't figure it out. Simply overriding it with display:none
doesn't work on IE8.
#selector::after {
display: none;
}
I am modifying a theme that's using before and after pseudo classes to add image sprites.
CSS ::before and ::after pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a <div> but not an <input> ). This effectively allows you to show something on a web page that might not be present in the HTML content.
The recommended order is link,visited,focus,hover,active. The :link and :visited pseudo-classes should generally come first. Next should be :focus and :hover—they're specified now so that they override and apply to both visited and unvisited links.
Definition and UsageThe ::before selector inserts something before the content of each selected element(s). Use the content property to specify the content to insert. Use the ::after selector to insert something after the content.
The ::before pseudo-element can be used to insert some content before the content of an element.
Use colon only one time
#selector:after {
display: none;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With