title: React-native CSS 'last-child' property
body: <p>Here is my code: </p>
  
  <pre><code>&lt;ListView style={styles.mainContent}
      ref={(scrollView) =&gt; { _scrollView = scrollView; }}
      dataSource={this.state.dataSource}
      renderRow={this.renderRow.bind(this)}
  /&gt;
  </code></pre>
  
  <p>and the styling of that code: </p>
  
  <pre><code>mainContent: {
      flex: 1,
      backgroundColor: '#FFFFFF',
      borderBottomColor: '#CCCCCC',
      paddingLeft: 15,
      paddingRight: 15
  },
  </code></pre>
  
  <p>Now, for every 'ListView' there is a border, and on the last section, I want that border to be removed or overwritten. But in react-native it's not possible to use :last-child. </p>
  
  <p>I have tried using the answers given <a href="https://stackoverflow.com/questions/37245481/react-native-css-last-child-without-a-border">here</a>, but I was unable to get a result. (I'm still new to React(-native))</p>
  
  <p>Anyone have an idea?</p>