<!DOCTYPE html>
<html>
<head>
  <title>::content pseudo elements with dynamic attribute change</title>
</head>
<body>
  <div id="host">
    <div id="child" style="background: green;">I should be green.</div>
  </div>
</body>
</html>