title: finding nested span and <dt> with XPath in HTML
body: <p>I have a piece of html (just a chunk of it is presented here) like this:</p>
  
  <pre><code>&lt;div class='games'&gt;
      Won &lt;span class="text-success"&gt;37&lt;/span&gt;,
      lost &lt;span class="text-error"&gt;51&lt;/span&gt;,
      ratio &lt;span&gt;42.05&lt;/span&gt;%
  &lt;/div&gt;
  &lt;div class='race'&gt;
      Favorite Race:
      &lt;div class='race-terran races size-16'&gt;&lt;/div&gt;
      &lt;span&gt;Terran&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class='span3 ranks'&gt;
      &lt;dl class='dl-horizontal'&gt;
          &lt;dt&gt;
              &lt;div class='flag-global flags size-16'&gt;&lt;/div&gt;
              World Rank:
          &lt;/dt&gt;
          &lt;dd&gt;
              #&lt;span&gt;6,654&lt;/span&gt;
              of
              &lt;span&gt;58,431&lt;/span&gt;
          &lt;/dd&gt;
          &lt;dt&gt;
              &lt;div class='flag-eu flags size-16'&gt;&lt;/div&gt;
              Region Rank:
          &lt;/dt&gt;
          &lt;dd&gt;
              #&lt;span&gt;2,679&lt;/span&gt;
              of
              &lt;span&gt;23,944&lt;/span&gt;
          &lt;/dd&gt;
          &lt;dt&gt;
              Bonus Pool:
          &lt;/dt&gt;
          &lt;dd&gt;
              9
          &lt;/dd&gt;
      &lt;/dl&gt;
  &lt;/div&gt;
  &lt;div class='span3 ext-stats'&gt;
      &lt;dl class='dl-horizontal'&gt;
          &lt;dt class='wide'&gt;
              &lt;a href="/team/eu/11001756782/stimphano" class="alt"&gt;View Team Page&lt;/a&gt;
          &lt;/dt&gt;
          &lt;dd&gt;&lt;/dd&gt;
          &lt;dt&gt;Last Game:&lt;/dt&gt;
          &lt;dd&gt;19 hours ago&lt;/dd&gt;
          &lt;dt&gt;Last Update:&lt;/dt&gt;
          &lt;dd&gt;6 hours ago&lt;/dd&gt;
      &lt;/dl&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have to read things like 'won, lost, ratio' as well as other things. the first three items are easily reachable using the code below:</p>
  
  <pre><code>HtmlAgilityPack.HtmlDocument doc = new HtmlAgilityPack.HtmlDocument();
  doc.LoadHtml(_sc2RanksString);
  HtmlAgilityPack.HtmlNodeCollection nodes = doc.DocumentNode.SelectNodes("//span");
  
  var won = doc.DocumentNode.SelectSingleNode("//div[@class='games']/*[@class='text-success']").InnerText;
  var lost = doc.DocumentNode.SelectSingleNode("//div[@class='games']/*[@class='text-error']").InnerText;
  var points = doc.DocumentNode.SelectSingleNode("//div[@class='points']/*[@class='gold']").InnerText;
  var bonusPool =
      doc.DocumentNode.SelectSingleNode("//div[@class='flag-eu flags size-16']//span//span/dt").InnerText;
  </code></pre>
  
  <p>But in the above example, the las line I can not get 'Bonus Pool'...it seems that I provided it with a wrong xpath query.</p>
  
  <p>Can someone tell me how would I reach the bonus pool and region rank X of Y</p>
  
  <p>Further more I need to get last game and last update as well. But I really have difficulties with finding things in  nodes.</p>