title: css chain selectors
body: <p>both this structure comes in same page how to target this div  in css
  only difference is ul class....</p>
  
  <p>i wanted to give two different border colors yellow and pink color this div </p>
  
  <p><a href="http://jsfiddle.net/LWutU/5/" rel="nofollow"><strong>http://jsfiddle.net/LWutU/5/</strong></a></p>
  
  <p><strong>zpass-current</strong></p>
  
  <pre><code>&lt;ul class="zpass-current zpass-homepage logo-med-whttxt clearfix"&gt;
      &lt;li&gt;
          &lt;a href=""&gt;
              &lt;div class="entitlement"&gt;
                  &lt;div id="box_go"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/a&gt;
      &lt;li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>zpass-header</strong></p>
  
  <pre><code>&lt;ul class="zpass-header zpass-homepage logo-med-whttxt clearfix"&gt;
      &lt;li&gt;
          &lt;a href=""&gt;
              &lt;div class="entitlement"&gt;
                  &lt;div id="box_go"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/a&gt;
      &lt;li&gt;
  &lt;/ul&gt;
  </code></pre>