SOLVED - used \00a9
instead of ©
Pretty self-explanatory:
body:after { content: "© me"; /* other formatting */ }
In HTML, the ©
sequence inserts a copyright character. Can this be done in CSS Pseudo-Elements like I'm trying to do here?
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.
::after (:after) In CSS, ::after creates a pseudo-element that is the last child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inline by default.
Special welcome offer: get $100 of free credit. 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 ::after selector inserts something after the content of each selected element(s).
CSS doesn't use HTML's entities; it uses its own unicode escape sequences.
You need to use \00a9
for the copyright symbol.
body:after { content:"\00a9 me"; }
See here for a cheat-sheet table which shows just about every entity/unicode string you'd ever need: http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/
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