title: Style span element on focus
body: <p>The problem I am having is hard coding the style element focus in a HTML tag.
  On the css page it looks something like this:</p>
  
  <pre><code>span.select.focus {
      background:rgba(189, 189, 189);
      border-right:solid 8px rgba(170, 194, 31, 0) !important;
  }
  </code></pre>
  
  <p>Where is I can hard style the element without the focus</p>
  
  <pre><code>&lt;span data-prefix="Shopping cart: " class="select profile" id="wordsPerQuiz" style="background-color: rgb (189,189,189)"&gt; &lt;/span&gt;
  </code></pre>
  
  <p>Here is my attempt.</p>
  
  <pre><code>  &lt;span data-prefix="Shopping cart: " class="select profile" id="wordsPerQuiz" style="background-color: rgb (189,189,189)" focus="background-color: rgb (189,189,189)"&gt; &lt;/span&gt;
  </code></pre>