title: HTML/CSS : Focus a paragraph
body: <p>I want to focus each "p" tag separately when I click on it, like a CSS "focus:" on an input. The problem is that the selector "focus" doesn't work on paragraphs, here is an exemple : </p>
  
  <p><strong>HTML</strong> </p>
  
  <pre><code>&lt;div id="myDiv"&gt;
      &lt;p&gt;Some Content 1&lt;/p&gt;
      &lt;p&gt;Some Content 2&lt;/p&gt;
      &lt;p&gt;Some Content 3&lt;/p&gt;
      &lt;p&gt;Some Content 4&lt;/p&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#myDiv p:focus {background-color:red;}
  </code></pre>
  
  <p>How can I find an alternative solution to make it work?</p>