So I read the docs and probably understand the purpose of ::before and ::after. If my understanding is correct, they should always work in combination with other elements. But the web page I'm look...

Context Explanation

Explains the purpose and functionality of :before and :after pseudo-elements in CSS. .icon-cut:before { content: "\f0c4"; } So if you are looking to add the icon again, you could use the ::after element to achieve this. Or for your second part of your question, you could use the ::after pseudo element to insert the bullet character to look like a list item. Then use absolute positioning to place it to the left, or something ...

Insight Material

I got the following entry in my database: images/test.jpg I want to trim the entry so I get: test So basically, I want everything after / and before . How can I solve it? The Dispatch / The Rock Island Argus: Animal shelters start effort to spay, neuter pets before spring Yahoo: What Are the Risks of Neutering an Adult Dog? A Vet Responds What Are the Risks of Neutering an Adult Dog? A Vet Responds The ::before notation (with two colons) was introduced in CSS3 in order to establish a discrimination between pseudo-classes and pseudo-elements.

Final Conclusion

Browsers also accept the notation :before introduced in CSS 2.