title: sequence of execution css files
body: <p>I have multiple css files in html file. It cause conflict for some of the styles. </p>
  
  <p>I want to know execution sequence to avoid conflict or suggest me some other method.
  Below are the code.</p>
  
  <pre><code>    &lt;link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="libs/ionicons/css/ionicons.min.css"&gt;
  
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"&gt;
  
      &lt;link rel="stylesheet" href="css/owl.carousel.css"&gt;
      &lt;link rel="stylesheet" href="css/owl.theme.css"&gt;
  
      &lt;link rel="stylesheet" href="css/nivo-lightbox/nivo-lightbox.css"&gt;
      &lt;link rel="stylesheet" href="css/nivo-lightbox/nivo-lightbox-theme.css"&gt;
  
      &lt;link rel="stylesheet" href="css/animate.css"&gt;
      &lt;link rel="stylesheet" href="css/main.css"&gt; 
      &lt;link rel="stylesheet" href="css/cropper.min.css"&gt;  
      &lt;link rel="stylesheet" href="css/style.css"&gt;
  &lt;link rel="stylesheet" href="css/fileinput.cs"&gt;
  </code></pre>