Как реализовать вложенность?

Question

[fuckingawesomenigga]

Есть блоки

<div></div>
<div></div>
<div></div>
<div></div>

как сделать, что у каждого последующего дива, паддинг увеличивался на 10px?

Answer 1

[Eugene Chefranov]

Если у вас фиксированное количество дивов, то можно сделать в лоб:

div:nth-child(1) {
  padding-bottom: 10px;
}

div:nth-child(2) {
  padding-bottom: 20px;
}

div:nth-child(3) {
  padding-bottom: 30px;
}

div:nth-child(4) {
  padding-bottom: 40px;
}