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

Question

[timers]

Собственно вопрос простой.

Есть статья в ней несколько изображений, по стандарту стоить:
.story .text img { max-width: 100%; }
А я хочу чтобы только первому изображению сделать max-width: 120%

Поиск не дал результатов поэтому прошу помощи.

Comments

[Rustam Bainazarov]

Что, по-вашему, должно делать max-width: 120%, когда максимум по родителю — 100%.

Нет, ну если вручную задать width, например, 300%, то это меняет ситуацию.

А так, правило:

.story .text img:nth-of-type(1) {
    /**/
}

Answer 1

[inkShio]

:first-child
:nth-child(1)
?

Comments

[timers]

Тупанул) спасибо

[Rustam Bainazarov]

Это не сработает, если img не прямо первый в DOM идёт. Нужно img:nth-of-type(1).