<!DOCTYPE html>
<style>
#foo::before { color: green; content: "This text should be green"; }
span::before { color: red; }
</style>
<body>
<span id="foo"></span>
</body>