title: Can I have multiple values in one HTML "data-" element?
body: <p>Can I have multiple values in one HTML "data-" element? Similar to how a class can have multiple class names. </p>
  
  <p>If possible, I would like to create a CSS/JS library that makes use of one "data-" element to house all of the library styles. For example:</p>
  
  <pre><code>&lt;div data-library-name="xs-hidden col-md-10 col-xl-8 big-hero"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>That way, any of the programmers custom style rules can go into the elements class. My reasoning for this is to make readability easier, so together it would look like:</p>
  
  <pre><code>&lt;div class="custom-style another-style" data-library-name="xs-hidden col-md-10 col-xl-8 big-hero"&gt;&lt;/div&gt;
  </code></pre>