title: Can i select div's containing an inputfield?
body: <p>I was wondering if I can select a <code>div</code> when it has an <code>input</code> field as a child.</p>
  
  <p>Here is the HTML I am using:</p>
  
  <pre><code>&lt;div class="xxx"&gt;
      &lt;div class="panel panel-success"&gt;
        &lt;div class="panel-heading"&gt;
          &lt;h3 class="panel-title"&gt;my title&lt;/h3&gt;
        &lt;/div&gt;
        &lt;div class="panel-body"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-5"&gt;some content&lt;/div&gt;
              &lt;div class="col.md-7"&gt;some content&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-5"&gt;some content&lt;/div&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;input type="text" class="form-control" id="date" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Bootstrap adds a padding and margin to all <code>div</code> blocks if they have col-* classes. What I want to achieve is that, if a <code>div</code> contains an <code>input</code> field, then the margin and padding should be set to 0px.</p>
  
  <p>So the main question is: "Can I select a div according to his content?"</p>
  
  <p>I have tried  <code>div[class*="..."]</code> and <code>div[class^="..."]</code>, but neither is solving my problem.</p>