Sometimes I want to see all the images [of my site] on a grid [instead of the regular layout]. I could have created a PHP script that responded to a querystring. Or a small JavaScript. But instead I used the
:targetpseudo-selector. It’s very simple.
Neat trick by Vasilis: give the root html element an id and then – via CSS – change the layout if that id has become the target (viz. location.hash == id of the html element). Like so:
<html lang="en" id="g">#g:target body {
columns: 15em;
column-gap: 0;
}