Как убрать padding только 3 div?

Question

[freeman0204]

Вот код: codepen.io/anon/pen/WvVbgo
Nth-child и nth-of-type не помогают или не правильно их использую.

Answer 1

[Пащук Илья]

Убрать падинг только третего дива? и какой именно поддинг?
.news div:nth-child(3)

Comments

[freeman0204]

да. я пишу
news div:nth-child(3) {
padding: 0;
}

но не работает.

[Максим Тимофеев]

Артур Черешнюк: Добавь !important или укажи более явно

Answer 2

[Dexmaster]

Вот три варианта каждый с которых работает и убирает паддинг 3го ( или последнего элемента ), не знаю какой для чего хочешь использовать, поэтому набросал 4 варианта.

.detailed_news .news:nth-child(3) { /* третий элемент */
  padding: 0
}

.detailed_news .news:nth-child(3n) { /* каждый третий элемент */
  padding: 0
}

.detailed_news .news:last-child { /* последний элемент */
  padding: 0
}

.detailed_news .news:nth-last-child(1) { /* первый элемент с конца */
  padding: 0
}

Comments

[freeman0204]

Я тоже так думал. Но 3 блок просто немного подскакивает вверх и все. Не пойму что не так?

[Dexmaster]

Так все так, у него верхний паддинг убирается, а что ещё надо?

[Dexmaster]

Артур Черешнюк: Вот исправленный пример с минимум CSS codepen.io/Dexmaster/pen/aOeZaJ

[Dexmaster]

Если ответ верный прошу обозначить как таков. Заранее спасибо )