title: Styling elements with a dot (.) in the class name
body: <p>Hay I have an element like this</p>
  
  <pre><code>&lt;span class='a.b'&gt;
  </code></pre>
  
  <p>Unfortunately this class name comes from an eCommerce application and cannot be changed.</p>
  
  <p>Can I style a class name with a dot in it?</p>
  
  <p>like</p>
  
  <pre><code>.a.b { }
  </code></pre>