How to select elements by class using CSS selectors?

To select elements by class value the . symbol + value can be used. For example, .product would select any element that contains product in the class attribute:

<div> <div class="product">select</div> <div class="sold product">select</div> <div class="sold product new">select</div> <div class="product-2">ignore</div> </div>

Note that this selector matches any element that contains a class value in the class list (separated by spaces).
To match elements that contain the exact class value the predicate syntax can be used:

<div> <div class="product">ignore</div> <div class="sold product">select</div> <div class="sold product new">ignore</div> <div class="product-2">ignore</div> </div>

Provided by Scrapfly

This knowledgebase is provided by Scrapfly — a web scraping API that allows you to scrape any website without getting blocked and implements a dozens of other web scraping conveniences. Check us out 👇