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