CSS Almanac Query Playground

To try out, enter CSS below or a URL, then play around in the console with the AST or ast variables (which is also displayed below). All util functions, as well as parsel, are imported into the global scope so you can play around with them too.

To test a JS query from the css-almanac repo use testQuery(filename), with or without the .js extension, or select it from the Query menu below.

IMPORTANT: As of February 1st 2021, fetching a remote stylesheet will not work until you visit cors-anywhere.herokuapp.com/corsdemo and request temporary access. We are looking for an alternative CORS proxy.