We like to use
But these pseudo elements will not be generated if their content is set to 'none' (this is the default).
content: ""; with
::before pseudo-elements to get them to show up.
Or you can write a whole story. This one has
content: 'To be or not to be, that is the question';
Neato! So that's all that
content does, right?
You can use attr() to pull values from your html tags. This
::after element has
You can also combine attr() values and strings, like so:
content: 'Visit this website!' attr(href);
You can also add your own custom tag attributes. This can be useful for custom tooltips. For example,
this tag's HTML looks like:
<a href="#" tooltip="Don't forget to bring a towel!">
and has this CSS: