Querious

Element Queries Demo

This is not a serious element query plugin, just an experiment to demonstrate what the concept of element queries is about, prove how support can be written in JavaScript, and to highlight the features and limitations of such an approach.

Limitations:

• can only use PX units
• can only apply one instance of each condition per element
• doesn't support IE9, and likely some other browsers too

Element Query Demos

Min-width : data-width=500

Min-width & Max-width : data-width=400,600

Min-height : data-height=50

Min-characters & Max-characters : data-characters=5,10

Min-words & Max-words : data-words=2,5

Min-children : data-children=4

For a more fully-featured, easier-to-use, and more powerful element query syntax check out http://elementqueries.com