title: CSS: select item by data-filter attribute
body: <p>I have to remove certain items from a nav, which differ by their data-filter attribute. How can I refer to the specific list-items?
  Such as, if I wanted to remove the item by data-filter ".category-xyz":</p>
  
  <pre><code>&lt;li class="filter" data-filter=".category-xyz"&gt;&lt;span&gt;xyz&lt;/span&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I tried loads - all without any errors - nothing finds the specific list-item. I tried: (all each)</p>
  
  <pre><code>.filter-holder ul:nth-child(3){
      display:none;
  }
  
  .filter .category-xyz{
      display: none;
  }
  
  .filter-holder ul li[data-filter*=".category-xyz"]{
  display: none;
  }
  
  li[data-filter=".category-xyz"]{
      display:none;
  }
  
  .filter-holder ul li[data-filter|=category-xyz]{
  display: none;
  }
  </code></pre>
  
  <p>Somebody help?</p>