2 ms·
It does it by this CSS: main > * { display: none; } main > *:last-child { display: block; } main > *:target { dis
by joegibbs 6y ago
It does it by this CSS:
main > * {
display: none;
}
main > *:last-child {
display: block;
}
main > *:target {
display: block;
}
main > *:target ~ * {
display: none;
}
Which hides all children of the <main> element except the last element, which is the default page. Then when an element is targeted by its ID it's displayed, otherwise it's hidden.
It saves that into a CSS file and injects that into the <head>.