Как я могу изменить ширину изображения из n-го класса, используя скрипт?

Question

<div class="curbaT">
        <img src="avertizare/1.png" class="img" >
        <p class="p1">Curba la stanga </p>
</div>

.img{
   left: 10px;
   height: 100px;
   width: 120px;
   margin-top: auto;
   margin-bottom: auto;
   position: absolute;
}

У меня есть несколько таких div-ов (несколько классов "curbaT"), и я хочу, чтобы изображение 2-го, 6-го, 7-го, 15-го и 22-го div было шириной 150.

Я не знаю javascript, просто html и css, но это то, что я хотел бы сделать, используя скрипт. Из того, что я понял, вы можете выбрать что угодно и изменить соответствующие характеристики. Thx!

Answer 1

Используйте селектор :nth-child(n). Ссылка здесь .

.curbaT:nth-child(1) img,
.curbaT:nth-child(3) img {
  width: 150px;
  height: 30px;
}

<div class="curbaT"><img src="http://placekitten.com/100/30" /></div>
<div class="curbaT"><img src="http://placekitten.com/100/30" /></div>
<div class="curbaT"><img src="http://placekitten.com/100/30" /></div>
<div class="curbaT"><img src="http://placekitten.com/100/30" /></div>