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 worth noting CSS3 substring attribute selectors

[attribute^=value] { /* starts with selector */
/* Styles */
}

[attribute$=value] { /* ends with selector */
/* Styles */
}

[attribute*=value] { /* contains selector */
/* Styles */
}