title: CSS combine attribute selectors
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;div class="tocolor"&gt;tocolor 1
  &lt;div id="one"&gt;tocolor 11&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="mplampla"&gt;&lt;span id="two"&gt;
  &lt;/span&gt;tocolor 2&lt;/div&gt;
  &lt;div class="tocolor-2"&gt;&lt;span id="three"&gt;
  &lt;/span&gt;tocolor 3&lt;/div&gt;
  &lt;div class="tocolor tocolor-1"&gt;tocolor 4 
  &lt;span id="one"&gt;tocolor 44&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I want to style (let's say color green) "tocolor 11" using a combination of atrribute selectors. 
  I tried the following CSS but it doesn't do anything</p>
  
  <pre><code>div[class*='tocolor'][div[id*='one']] {
  color:green
  }
  </code></pre>
  
  <p>Thanks</p>