Как применить CSS стиль ко всем похожим атрибутам?

Question

[Mendel_son]

На нем можно заметить, что первые три товара в рамочках, а четвертый - нет
К первым трем товарам я прописывал стиль вручную через:

.ast-grid-common-col.ast-full-width.ast-article-post.astra-woo-hover-swap.ast-width-md-12.ast-archive-post.align-center.box-shadow-0.box-shadow-0-hover.ast-product-gallery-layout-vertical.ast-product-gallery-with-no-image.ast-product-tabs-layout-horizontal.product.type-product.post-365.status-publish.instock.product_cat-misc.has-post-thumbnail.featured.shipping-taxable.purchasable.product-type-simple {
  border-width: 1px;
  border-style: solid;
  border-color: #1c1c1c;
  border-radius: 6px;
  margin-bottom: 90px;
  padding: 10px;
}

Как сделать так, чтобы можно было применить этот фильтр ко всем товарам автоматически?

Comments

[Вадим]

Александр, Теперь я видел.. больше)

Answer 1

[wonderingpeanut]

Выбираем элементы li неупорядоченного списка с классом products:

ul.products > li {
  /* стили */
}

Можно сделать более специфичный селектор элемента списка, добавив к li какой-нибудь общий класс.

upd: после изучения страницы увидел, что все продукты имеют класс product. Можно выбрать элементы по этому классу

.product {
  /* стили */
}