title: How to style parent li from child div, using Angular syntax?
body: <p><a href="http://codepen.io/leongaban/pen/KpZxKG?editors=110" rel="nofollow">http://codepen.io/leongaban/pen/KpZxKG?editors=110</a></p>
  
  <p>I'm trying to add a border style to the li that contains a div with a 
  certain class. In this case <code>.text-trans-normal</code>.</p>
  
  <p><strong>Is there a conditional that exists to accomplish this?</strong></p>
  
  <p>The Codepen above was just an example, below is my actual markup with Angular syntax involved:</p>
  
  <pre><code>&lt;ul ng-show="loadingTickersDone" class="tickers-list"&gt;
  
      &lt;li ng-repeat="ticker in tickers"
          id="{{ticker.ticker}}"
          ng-hide="ticker.removed"
          ng-class="{'selected':ticker.selected}"&gt;
  
          &lt;div class="ticker"
               ng-click="unselectAll(); selectTicker('top', ticker); ticker.selected = !ticker.selected;"
               ng-class="{'text-trans-normal' : ticker.ticker == 'All'}"
               ng-if="ticker.ticker != 'ALL'"
               &gt;
               {{ticker.ticker}}
          &lt;/div&gt;
  
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.button {
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 10px 10px 0;
    padding: 9px 10px;
    width: auto;
    cursor: pointer;
    text-transform: uppercase;
    clear: both;
    color: white;
    border: 1px solid #ccc;
    background: gray;
    border-radius: 5px;
  }
  
  .text-trans-normal {
    text-transform: initial !important;
    /* border-bottom: 1px solid black; */
  }
  
  li.text-trans-normal {
    border-bottom: 1px solid black;
  }
  </code></pre>
  
  <p>I know I could use li:first-child in this case, but there is another reason why I can't do that, so looking for a different solution here.</p>