title: Is it better to be specific when selecting IDs in CSS?
body: <p>Let's say you have a <code>div</code> element with an id of <code>main</code>. </p>
  
  <p>Since there can only be one element with a particular id, referencing it in CSS like <code>div#main</code> is the equivalent of referencing it with <code>#main</code>. </p>
  
  <p>So, what's generally better practice, <code>div#main</code>, or <code>#main</code>?</p>
  
  <p>As a side note, you are absolutely positive that the element you are trying to reference is a <code>div</code>, so which selector should you use?</p>