Выбрать каждый третий элемент

Для того чтобы выбрать каждый третий элемент, используется следующее правило: 

.thumb_wrap:nth-child(3n + 3) {
}

Что же обозначает это правило? Сначала нужно усвоить, что n начинается с нуля. 

3 в конце - это начиная с какой записи мы начинаем выборку.

3 * n + 3 = 3 (при условии что n = 0)

То есть другими словами, n у нас увеличивается на единицу каждый раз при выполнении операции. 

Если вы не хотите вдаваться в тонкости, то можно запомнить и так: 

Первая итерация всегда даёт то число, которое идёт после плюса. 3 в начале - это на сколько нам нужно домножить единичку, чтобы на второй итерации получить 6 условно говоря. 

Комментарии ()

    Вы должны авторизоваться, чтобы оставлять комментарии.