Use HTML5 data attributes as rule selectors

[Faterou]

Originally reported by: Sylvain Hallé (Bitbucket: sylvainhalle, GitHub: sylvainhalle)

---

HTML5 allows us to put data attributes inside any HTML element. These could be used to declare, within the HTML markup, what properties apply to what parts of the page. For example, one could write an element like this:

#!html

<ul data-role="horizontal-menu">

and write a Cornipickle rule (or set of rules) that apply to all elements with a given data-role. This would be orthogonal to using CSS classes.

---

• Bitbucket: https://bitbucket.org/sylvainhalle/cornipickle/issue/13

[Faterou]

Original comment by Sylvain Hallé (Bitbucket: sylvainhalle, GitHub: sylvainhalle):

---

Proposed syntax (cf. StackOverflow):

$(p.myclass[data-role=horizontal-menu])