title: Is there a way to find all the global styles that apply to a web page?
body: <p>As a company, we use components (Angular, Vue and React) to build our applications, but we still have a good number of global styles that we inherited from our legacy app.</p>
  
  <p>eg:</p>
  
  <pre><code>.active {
    background: red;
  }
  </code></pre>
  
  <p>Will apply to any element anywhere on the page that has a class of active.</p>
  
  <p>Is there a way, in the browser, to generate a list of all the global (i.e. non-namespaced) style rules that apply to a page, bearing in mind that these might be present inside of third-party libraries, or other miscellaneous legacy JavaScripts?</p>