title: Is there a way to use the "n" value in :nth-child(n)?
body: <p>I want to create a fold effect.</p>
  
  <p><a href="http://jsfiddle.net/minzojian/1osccoov/2/" rel="noreferrer">Fiddle</a></p>
  
  <p>There are 4 blue cards, so I created 4 classes to set the location. I want to make it smarter, in case there would be more than 4 cards. In CSS, I tried this.</p>
  
  <pre><code>.card:nth-child(n){
      position: absolute;
      left: calc(n*10)px;
      top: calc(n*10)px;
  }
  </code></pre>
  
  <p>However, it does not work. Is there a way to do that?</p>