title: Apply CSS style to span in div
body: <p>I've a table structure like below</p>
  <pre><code>&lt;td id=&quot;td1&quot;&gt;
  &lt;a href=&quot;#&quot;&gt;
  &lt;div&gt;
  1
  &lt;div&gt;
  &lt;span&gt;0&lt;/span&gt;
  &lt;span&gt;1&lt;/span&gt;
  &lt;span&gt;2&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt; &lt;/div&gt;
  &lt;/a&gt;
  &lt;/td&gt;
  
  &lt;td id=&quot;td2&quot;&gt;
  &lt;a href=&quot;#&quot;&gt;
  &lt;div&gt;
  2
  &lt;div&gt;
  &lt;span&gt;0&lt;/span&gt;
  &lt;span&gt;1&lt;/span&gt;
  &lt;span&gt;2&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt; &lt;/div&gt;
  &lt;/a&gt;
  &lt;/td&gt;
  </code></pre>
  <p>And now I wanted to apply style for <strong>span</strong> under td1 and not to td2. Is there any way to get it don't? How can we write a CSS style for this?</p>