title: How to get grunt-watch to livereload the correct css file?
body: <p>My goal is to use grunt-watch to live reload my stylesheet whenever I save a change to the stylesheet.</p>
  
  <p>My grunt file is below.</p>
  
  <p>When I run grunt, the file is being watched as expected, but the correct css file is not reloaded.</p>
  
  <p>I can see in the Chrome dev tools | "network" tab that some style sheets are being live-reloaded. </p>
  
  <p>But, some style sheets are not being live-reloaded, including the one that I am making changes to.</p>
  
  <p>What am I doing wrong?
  Is there an error in my "files" option value?</p>
  
  <pre><code>module.exports = function(grunt) {
  
    grunt.initConfig({
      pkg: grunt.file.readJSON('package.json'),
       watch: {
              css: {
                  files: '**/*.css',
                  options: {
                      livereload: true
                  }
              }
          }
    });
  
    grunt.loadNpmTasks('grunt-contrib-watch');
  
  };
  </code></pre>