title: css hide text in form block
body: <pre><code>&lt;div class="tree-control"&gt;
  &lt;form&gt;
     &lt;div class="input-append" style="margin-right: 10px;"&gt;
         &lt;input class="tree-search" type="text"&gt;
         &lt;button title="search" class="btn tree-search-btn" type="button"/&gt;
     &lt;/div&gt;
  
     &lt;a href=""&gt;link&lt;/a&gt;
     some text
     &lt;a href=""&gt;link&lt;/a&gt;
  
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can I hide <strong>some text</strong> without adding any tags to html?</p>
  
  <p>I'm trying do smth like that:</p>
  
  <pre><code>div.tree-control form {
      display:none;
  }
  
  div.tree-control form &gt; div:first-of-type {
      display:block;
  }
  </code></pre>
  
  <p>but it will hide all form. How can I hide just text?</p>