title: How to set borders between children from parent in CSS?
body: <p>For setting a border line <strong>between</strong> elements, I use border on one side for each child, <em>except the last one</em>. For <a href="http://jsfiddle.net/zhhkh/" rel="nofollow">example</a></p>
  
  <pre><code>&lt;div class="parent"&gt;
     &lt;div&gt;First&lt;/div&gt;
     &lt;div&gt;Second&lt;/div&gt;
     &lt;div&gt;Third&lt;/div&gt;
     &lt;div&gt;Fourth&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with CSS</p>
  
  <pre><code>.parent div{
      display:block;
      padding:5px;
      border-bottom:dashed 1px #000}
  .parent div:last-child{
      border-bottom:dashed 0 #000
  }
  </code></pre>
  
  <p>Is there a way to set the border between children from parent's CSS style? without using <code>last-child</code>. In other words, in one single statement from parent rule.</p>