title: Is [class*="span"] also contains .row-fluid [class*="span"] in twitter bootstrap?
body: <p>In twitter bootstrap, I've recently faced these type of selection</p>
  
  <pre><code>[class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
      float: none;
      display: block;
      width: 100%;
      margin-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  </code></pre>
  
  <p>I know that <code>[class*="span"]</code> means every element with a class name which has "span" within and I am familiar with rest of css. </p>
  
  <p>But why do we have to also select <code>.row-fluid [class*="span"]</code> when <code>[class*="span"]</code> works on <code>.row [class*="span"]</code> ?</p>
  
  <p>I removed this part (as I thought it would be redundant) but it seems browsers will not select elements with span class name if they are inside a <code>.row-fluid</code> elements. Can someone explain this behavior ?</p>