HTML element's name in classes

[ffoodd]

As an advice, @matuzo 's suggestion on Twitter feels straightforward: an element having a class name containing any HTML element's name would probably benefit from being this HTML element.

As first idea, we should try something like this: [class*="button" i]:not(button) { … }.

Not all HTML elements make sense I guess, but focusing on some might help a lot.

[matuzo]

Nice! In my latest talk I've proposed a similar test:
https://noti.st/matuzo/lWUq2w/writing-even-more-css-with-accessibility-in-mind#sB6J1Kz (Slide 56)

It should include type="image" and type="reset" as well, I guess