title: WooCommerce: CSS - Target specific product categories
body: <p>I have added dropshaddow to product images in catalouge-pages. But i want to leave the products of the category "utility" out, so the pictures in this category do <strong>not</strong> have drop shaddow. (EDIT: so they don't have dropshaddow even if they are shown in another category where they also belong) 
  This is what I have to add to all products:</p>
  
  <pre><code>.woocommerce ul.products li.product a img {
      box-shadow: 0 0 14px #aaa !important;
  }
  </code></pre>
  
  <p>I'm trying to target the specific category:</p>
  
  <pre><code>.product-cat-utility ul.products li.product a img {
      box-shadow: 0 0 0 #aaa !important;
  }
  </code></pre>
  
  <p>It does not work, and I am hoping for a more elegant solution. 
  Thanks. </p>