Customised TEXT under PRODUCT PICTURES

Site URL: https://www.cleanr.com/sanitiser

Hi, I was wondering if someone might have the solution to this.

I am using the css code underneath to show (ex. VAT) under the price tag on the product page.

Quote

.product-price .sqs-money-native:after {
  content: '(ex. VAT)';
  display: block;
  margin-top: 7px;
  color: black;
  text-transform: ;
}

But, I would now like to customise and show individual product price for all 4 items. Which I suppose will need 

a css code which is  customised to each of those 4 items. 

Please see example below. 

WEBSITE - https://www.cleanr.com/sanitiser

Use this code

/* Product 1 */
div#thumb-5l .product-price .sqs-money-native:after {
    content: "(price1)";
}
/* Product 2 */
div#thumb-500ml-hand-sanitiser-gel .product-price .sqs-money-native:after {
    content: "(price1)";
}
/* Product 3
div#thumb-250ml-hand-sanitiser-gel .product-price .sqs-money-native:after {
    content: "(price1)";
}
/* Product 4 */
div#thumb-50ml-hand-sanitiser-gel .product-price .sqs-money-native:after {
    content: "(price1)";
}