Select elements by attribute in CSS

Question

Is it possible to select elements in CSS by their HTML5 data attributes (for example, data-role)?

Answer 1

It's also possible to select attributes regardless of their content, in modern browsers

with:

[data-my-attribute] {
   /* Styles */
}

[anything] {
   /* Styles */
}

For example: http://codepen.io/jasonm23/pen/fADnu

Works on a very significant percentage of browsers.

Note this can also be used in a JQuery selector, or using document.querySelector