title: Is it worth specifying certain properties for IE, or just any other older versions? [Backwards Compatible]
body: <p>I've been using <code>-webkit</code> and <code>-moz</code> for quite a few times now until this struck me. Aside from defining specific properties based on browsers and certain properties such as <code>break-inside</code> which are not widely supported, </p>
  
  <p>Wouldn't </p>
  
  <blockquote>
    <p>border-radius: 5px;</p>
  </blockquote>
  
  <p>makes it shorter for </p>
  
  <blockquote>
    <p>-moz-border-radius: 5px; <br>
     -webkit-border-radius: 5px; <br> 
    border-radius: 5px;</p>
  </blockquote>
  
  <p>There are lots of other features which have been standardized but several examples still utilize the vendor prefixes and what are their purposes for doing so?</p>
  
  <p>The former is supported by latest browsers but can we not assume almost everybody is using almost-latest browsers (especially NOT older versions of IE which certain rules apply)? (Even if people do not update their browsers, they are only left behind by just a few versions considering no one takes out a Nokia-old phone from a chest and started browsing)</p>
  
  <p>Why should we use them? Why should we specify older IE specific rules or just older browser rules? </p>
  
  <p>How much diving into older version would be enough? IE8?</p>