Евгений

var post = '';
for (var i=0; i < json.length; i++) {
   post += "<div class=card border-dark mb-3><div class=card-header bg-transparent border-dark>" + json[i][0] + "</div><div class=card-body text-dark><h5 class=card-title>Стоимость " + json[i][1] + "</h5><h5 class=card-title>Скидка " + json[i][3] + "</h5><h5 class=card-title>Итог " + json[i][2] +"</h5></div><div class=card-footer bg-transparent border-dark>Обновлялось скидка " + json[i][4] +"</div><div>";
}
$("#post").html(post);

В древние времена все браузеры поддерживали только одинарное двоеточие. В наше время (начиная с IE9) принято использовать:

• для псевдо-элементов - двойное двоеточие "::"
  
• для псевдо-классов - одинарное двоеточие ":"
  

Эта рекомендация делает код немного более читаемым в ситуациях, когда таких псевдо-сущностей используется много.