title: emotion css is overwritten by semantic ui react
body: <p>I  use <code>semantic-ui-react</code> and <code>emotion</code> in a <code>create-react-app</code> app.</p>
  <p>My emotion css gets overwritten, e.g. the below semantic-ui Item color is the default semantic one.
  The emotion class is created but the semantic one is in a higher priority. How can I change that (ecxcept writing <code>!important</code> all the time)?</p>
  <pre><code>        &lt;Item
            className={css`
              background-color: #333333;
              &amp;:hover {
                background-color: #e5e5e5;
              }
            `}
          &gt;
  </code></pre>