Writing Clean WooCommerce Styles

So I’m building my first custom WooCommerce store and I’m finding that my styles class names are becoming a over the top and lengthy, or is this how it is. I use the inspector tool in Chrome to get the class names.

Here is an example of what I’m working with at the moment:

.woocommerce 
ul.products 
li.product a {
   ...
}

.woocommerce 
ul.products
li.product 
.price del {
   ...
}

Is this normal practice to when building a custom store or is there a better way?

Thanks in advance

Stu 🙂

Read more here: Writing Clean WooCommerce Styles

Leave a Reply

Your email address will not be published. Required fields are marked *