title: CSS for selecting based on a data-* attribute containing an array of values?
body: <p>I need to select a HTML element based on data in an attribute called "data-attributes". In Firefox's DOM Inspector, the attribute value appears like this:</p>
  
  <pre><code>&lt;div data-attributes="[{"Id":50,"Code":"LIC","ShowInSessionFilter":false}]"&gt;
  </code></pre>
  
  <p>I have tried using a CSS selector like below, to no avail:</p>
  
  <pre><code>div[data-attributes~="LIC"]
  </code></pre>
  
  <p>So I assume the attribute value is not a string as such, but a javascript object being shown by the Inspector as a Json string. The question is, how do I select the node based on one of the key/value pairs in the object it contains? Is this possible in CSS?</p>