title: Selecting CSS3 Last Child Within Drop Down Menu Not Working
body: <p>Frustratingly not been able to resolve the CSS3 pseudo element 'last-child' that isn't working with this custom drop down navigation menu that we're working on currently.</p>
  
  <p>Each drop down menu can be assigned a number of columns, in this instance, I am wanting to apply a right hand border to each column (.col_1) within the div .dropdown_3column.</p>
  
  <p>CSS Snippet</p>
  
  <pre><code>.dropdown_1column_simple {width: 100px;}
  .dropdown_2column_simple {width: 155px;}
  .dropdown_1column {width: 550px;}
  .dropdown_2column {width: 650px;}
  .dropdown_3column {width: 500px;}
  .dropdown_4column {width: 800px;}
  .dropdown_5column {width: 1000px;}
  
  .dropdown_2column_simple .col_1  {width:155px;}
  .dropdown_2column_simple .col_2  {width:155px;}
  .col_1 {width:145px; border-right: 1px solid #888;}
  .col_2 {width:240px;}
  .col_3 {width:490px;}
  .col_4 {width:440px;}
  .col_5 {width:575px;}
  .col_s {width:250px;}
  
  .col_1,.col_2,.col_3,.col_4,.col_5 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  /*border: 1px solid #000;*/
  }
  </code></pre>
  
  <p>HTML Snippet</p>
  
  <pre><code>&lt;div class="dropdown_3column align_left "&gt;
   &lt;div class="col_3"&gt;
    &lt;div class="content_top"&gt;&lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="col_1"&gt;
    &lt;ul&gt;
     &lt;li class="level1"&gt;
      &lt;a href="http://009rep.clubnetdev.com/brands/addict-clothing.html"&gt;
       &lt;span class="level1"&gt;Addict Clothing &lt;/span&gt;
      &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/atticus-clothing.html"&gt;
      &lt;span class="level1"&gt;Atticus Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/dephect-clothing.html"&gt;
      &lt;span class="level1"&gt;Dephect Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/dickies-clothing.html"&gt;
      &lt;span class="level1"&gt;Dickies&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/dta-clothing.html"&gt;
      &lt;span class="level1"&gt;DTA Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/famous-stars-and-straps-clothing.html"&gt;
      &lt;span class="level1"&gt;Famous Stars And Straps Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/fuct-clothing.html"&gt;
      &lt;span class="level1"&gt;FUCT Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/hex-accessories.html"&gt;
      &lt;span class="level1"&gt;HEX Accessories&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col_1"&gt;
   &lt;ul&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/the-hundreds.html"&gt;
      &lt;span class="level1"&gt;The Hundreds&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/insight-clothing.html"&gt;
      &lt;span class="level1"&gt;Insight Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/jeepney-clothing.html"&gt;
      &lt;span class="level1"&gt;Jeepney Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/king-apparel.html"&gt;
      &lt;span class="level1"&gt;King Apparel&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/lrg-clothing.html"&gt;
      &lt;span class="level1"&gt;LRG Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/my-yard-clothing.html"&gt;
      &lt;span class="level1"&gt;My Yard&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/new-era-5950.html"&gt;
      &lt;span class="level1"&gt;New Era 5950 Hats and Apparel&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/pxl-clothing.html"&gt;
      &lt;span class="level1"&gt;PXL Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col_1"&gt;
   &lt;ul&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/rebel8-clothing.html"&gt;
      &lt;span class="level1"&gt;REBEL8 Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/ringspun-clothing.html"&gt;
      &lt;span class="level1"&gt;Ringspun&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/rogue-status-clothing.html"&gt;
      &lt;span class="level1"&gt;Rogue Status &lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/the-wild-ones-clothing.html"&gt;
      &lt;span class="level1"&gt;The Wild Ones&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/volcom-clothing.html"&gt;
      &lt;span class="level1"&gt;Volcom Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="level1"&gt;
     &lt;a href="http://009rep.clubnetdev.com/brands/zoo-york-clothing.html"&gt;
      &lt;span class="level1"&gt;Zoo York Clothing&lt;/span&gt;
     &lt;/a&gt;
    &lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="col_3"&gt;
   &lt;div class="content_bottom"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col_s"&gt;
   &lt;div class="content_side"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>A live version of the problem can be seen <a href="http://009rep.clubnetdev.com/" rel="nofollow">here</a>. It is the 'Brands' dropdown in question that I am trying to remove the right hand border from the 3rd (last) column. </p>
  
  <p>I'm aware of browser incompatibilities and other alternatives using JS / jQuery that exist perhaps but I'm only interested in trying to resolve this with the CSS.</p>
  
  <p>I'm thinking perhaps this needs a fresh pair of eyes because I've tried tons of variations and not managed to select the last column within that drop down I believe.</p>
  
  <p>Thanks in advance.</p>
  
  <p>EDIT: I have attempted tons of variations but I think the issue is my inability to work out the last child of the parent item which doesn't count other divs too. I've been trying with the likes of:</p>
  
  <pre><code>div:last-child .col_1 {border-right: none !important;}
  </code></pre>
  
  <p>Thanks.</p>
  
  <p>EDIT 2: Please find instance of my issue on <a href="http://jsfiddle.net/zigojacko/hXCBu/1/" rel="nofollow">JS Fiddle</a> too if it helps anyone.</p>
  
  <p>Thanks.</p>