title: How to select first character of <i> which is inside a <p> tag
body: <p>I'm trying something like below, </p>
  
  <pre><code>p+i:first-letter
  {
  background-color:red;
  }
  </code></pre>
  
  <p>or</p>
  
  <pre><code>p i:first-letter
  {
  background-color:red;
  }
  </code></pre>
  
  <p>on html snippet like this</p>
  
  <pre><code>&lt;p&gt;
  &lt;i&gt;  Sample text&lt;/i&gt;
  &lt;/p&gt;
  </code></pre>