title: semantic-ui styling input not working
body: <p>I have this simple nav. </p>
  
  <pre><code>&lt;div class="ui attached stackable menu"&gt;
    &lt;div class="ui container"&gt;
      &lt;a class="item"&gt;
         Home
      &lt;/a&gt;
      &lt;div class="ui simple dropdown item"&gt;
        More
        &lt;i class="dropdown icon"&gt;&lt;/i&gt;
        &lt;div class="menu"&gt;
          &lt;a class="item"&gt;&lt;i class="edit icon"&gt;&lt;/i&gt; Edit Profile&lt;/a&gt;
          &lt;a class="item"&gt;&lt;i class="globe icon"&gt;&lt;/i&gt; Choose Language&lt;/a&gt;
          &lt;a class="item"&gt;&lt;i class="settings icon"&gt;&lt;/i&gt; Account Settings&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
        &lt;div class="ui input"&gt;&lt;input placeholder="Search..." type="text" class="dictionary"&gt;&lt;/div&gt;
      &lt;/div&gt;  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to add styling to <code>&lt;div class="ui input"&gt;&lt;input placeholder="Search..." type="text" class="dictionary"&gt;&lt;/div&gt;</code> but no styles are being applied, anything .. for example </p>
  
  <pre><code>input.dictionary{
    border:1px solid red;
  }
  </code></pre>
  
  <p>does not have any effect on it. </p>