title: Add asterisk on required field with pseudo element
body: <p>I would like to put an asterisk automatically with CSS for the required fields.</p>
  
  <p>My markup -</p>
  
  <pre><code>&lt;label for="DsrCode"&gt;DSR Code&lt;/label&gt;
  &lt;input id="DsrCode" name="DsrCode" required="required" type="text" value="" /&gt;
  </code></pre>
  
  <p>Currently I tried -</p>
  
  <pre><code>input:required label:after {
    content: " *";
    color: red;
  }
  </code></pre>
  
  <p>But it's not working.</p>