title: Why use * selector in combination with *::before and *::after
body: <p>I was looking at the Twitter bootstrap framework and I do have a very small question.</p>
  
  <p>I'll see the following section in order to set the box-model to <code>border-box</code>.</p>
  
  <pre><code>*, *::after, *::before { box-sizing: border-box; }
  </code></pre>
  
  <p>But if you look at the CSS specifications <code>*</code> targets all elements, so why on earth is the <code>*::after</code> and <code>*::before</code> selector being used?</p>
  
  <p>To me, this seems obsolete because the <code>*</code> selector will already tag all elements.</p>