Не работает first-child и last-child, как исправить?

Question

[freeman0204]

Не работает first-child и last-child, как исправить?

.wrapper-main img {
	margin-left: 11px;
}

.wrapper-main img:first-child {
	margin-left: 0;
}

Вот код codepen.io/anon/pen/VvKJqy и еще не пойму почему в контейнере где 10 картинок отступ снизу чуть больше и еще сверху у блока с фотками зазор маленьких не пойму, откуда он мог взяться? Вот скрин screenshot.ru/5753ebb171bff27736c4da1f7167412e

Answer 1

[Ксения Михайлова]

По поводу картинок: там ссылки - инлайн-блоки, и чтобы отступа не было, им надо выдать нулевой размер шрифта prntscr.com/8ka8od

А для картинок: так каждая картинка лежит же в собственном a, поэтому там является и первым, и последним потомком.

Comments

[freeman0204]

По первому вопросу разобрался. А по поводу второго, "поэтому там является и первым, и последним потомком." это ясно. Но как теперь поступить что бы выбрать первый или последний элемент?

[Ксения Михайлова]

Артур Черешнюк: привязывайтеся к перечисляемому: .cols a:first-child img {}
(среди cols выбрать первый a и применить стили к img внутри него)