title: How to use private imports in Vue styles?
body: <p>When I import my css file between style tags, it changes everything.</p>
  <p>Why it is happening? How can I fix this problem?<br />
  I already used 'scoped 'feature but it is not working.</p>
  <p>for instance</p>
  <p>// in styles.css file</p>
  <p><code>h1 { color: red; }</code></p>
  <p>// in component file</p>
  <pre><code>&lt;template&gt; ... &lt;/template&gt;
  &lt;script&gt; ... &lt;/script&gt;
  &lt;style scoped&gt;
  import './styles.css';
  &lt;style&gt;
  </code></pre>
  <p>When I run server, it changes every <em>h1</em> tags in project. I am using '<em>scoped</em>' how can it happen.</p>