title: css selector for first element inside a div
body: <p>I am new to CSS and have to style a <code>&lt;span&gt;</code> which is this situation: </p>
  
  <pre><code>&lt;div class="ui-select-container ui-select-bootstrap dropdown ng-valid ng-touched ng-dirty ng-valid-parse"&gt;
    &lt;div class="ui-select-match"&gt;
      &lt;span class="btn btn-default form-control ui-select-toggle"&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to target the <code>&lt;span&gt;</code> to change its width? I tried this:</p>
  
  <pre><code>div .ui-select-container &gt; span .class ui-select-toggle{
    width: 60%;
  }
  </code></pre>
  
  <p>Please let me know where I am going wrong.</p>