id это уникальный идентификатор, предназначенный скорее для JS нежели CSS, например в каталоге у каждого товара будет вид
<ul>
<li id="1" class="product"></li>
<li id="2" class="product"></li>
<li id="3" class="product"></li>
<li id="4" class="product"></li>
<li id="5" class="product"></li>
<li id="6" class="product"></li>
</ul>
где с помощью класса мы задаем всем элементам одинаковый вид, а при клике по кнопке купить посылаем id товара в корзину