Как настроить изображение объекта, чтобы стилизовать его с помощью CSS? ⇐ CSS

[Anonymous]

У меня есть массив из 6 объектов, которые представляют собой 6 изображений. Я отобразил эти изображения в таблице HTML с помощью кода JS. Теперь я хотел бы выбрать и стилизовать только ОДИН из них. Ширина, высота и т. д.
Как это сделать максимально простым способом?
Я попробовал написать стиль
code> введите объект с кодом CSS. Не сработало.
Я пытался получитьElementbyId для конкретного img, но это тоже не сработало.
Я я проверил другие темы, но то, что я прочитал, пока было действительно сложным для того, что я хочу сделать. Я просто хочу изменить размер ОДНОГО изображения.

Код: Выделить всё

const products = [{
"id": 1,
"image": "https://via.placeholder.com/50",
"name": "Orient Vita Pro 28\"",
"price": "284.00",
"inventory": 4,
"productCode": "K203"
},
{
"id": 2,
"image": "https://via.placeholder.com/50",
"name": "Orient S-400 26\"",
"price": "198.00",
"inventory": 14,
"productCode": "K433"

},
{
"id": 3,
"image": "https://via.placeholder.com/50",
"name": "Bullet Bora 20\"",
"price": "350.00",
"inventory": 7,
"productCode": "K012"
},
{
"id": 4,
"image": "https://via.placeholder.com/50",
"name": "Feder handmade",
"price": "790.00",
"inventory": 5,
"productCode": "G0127"
},
{
"id": 5,
"image": "https://via.placeholder.com/50",
"name": "Ibanez G120",
"price": "430.00",
"inventory": 2,
"productCode": "G1233"
},
{
"id": 6,
"image": "https://via.placeholder.com/50",
"name": "Feder Blues edition",
"width": "1000",
"price": "650.00",
"inventory": 6,
"productCode": "G4478"
}
];

const placeholder = document.querySelector("#data-output");
let out = "";

for (let product of products) {
out += `

 
[img]${product.image}[/img]
 
${product.name}
${product.price}
${product.inventory}
${product.productCode}

`;
}

placeholder.innerHTML = out;

Код: Выделить всё

Image
Product name
Price
inventory
Product code

Подробнее здесь: https://stackoverflow.com/questions/790 ... t-with-css