title: How to add nth-child() style in inline styling?
body: <p>How can I add a <code>nth-child(n)</code> declaration while applying inline styles to an element (which, obviously, contains multiple elements).</p>
  
  <p>For example, suppose I have a <code>div</code> that contains three <code>p</code> elements.</p>
  
  <p>The general stylesheet rules would go like this:</p>
  
  <pre><code>div p:nth-child(2) {
    color: blue;
  }
  </code></pre>
  
  <p>But how can I still colour the second paragraph blue while applying an inline style to the containing <code>div</code>?</p>