https://www.dokuwiki.org/plugin:include
I have the following in the main page somewhere:
{{page>compact css}}
[/color]
And then the page "compact css" has:
<html>
<style type="text/css">
div.dokuwiki div.wrap_compact ul { display: block; margin-left: 0em; }
div.dokuwiki div.wrap_compact ul li { display: inline; }
div.dokuwiki div.wrap_compact ul div.li { display: inline; }
/* trailing punctuation */
div.dokuwiki div.wrap_compact ul li::after { content: ";"; color: black; }
div.dokuwiki div.wrap_compact ul li:first-child::after { content: ":"; color: black; font-weight: bold; } /* first child has trailing colon instead of semi-colon */
div.dokuwiki div.wrap_compact ul li:last-child::after { content: "."; color: black; } /* last child has trailing full stop */
div.dokuwiki div.wrap_compact ul li div.li b { font-weight: normal; }
div.dokuwiki div.wrap_compact ul li:first-child div.li:first-child b { font-weight: bold; }
div.dokuwiki div.wrap_compact ul li:first-child div.li:first-child { font-weight: bold; }
div.dokuwiki h1, div.dokuwiki div.wrap_h1 {
border: none;
// background-color: hsl(10,70%,37.5%);
// box-shadow: -2em -0.5em 0px 0px hsl(10,80%,30%);
color: hsl(56,61%,64%);
// display: table;
font-family: "JSL Ancient", "Times New Roman", Times, serif;
font-size: 315%;
font-weight: 900;
font-variant: small-caps;
letter-spacing: 4px;
text-align: center;
text-shadow: 1px 1px 1px hsl(0,0%,0%), -1px -1px 1px hsl(0,0%,0%), 1px -1px 1px hsl(0,0%,0%), -1px 1px 1px hsl(0,0%,0%),
3px 3px 0px hsl(355,51%,43%), -3px -3px 0px hsl(355,51%,43%), 3px -3px 0px hsl(355,51%,43%), -3px 3px 0px hsl(355,51%,43%),
3px 0px 0px hsl(355,51%,43%), -3px 0px 0px hsl(355,51%,43%), 0px 3px 0px hsl(355,51%,43%), 0px -3px 0px hsl(355,51%,43%),
4px 4px 1px hsl(0,0%,0%), -4px -4px 1px hsl(0,0%,0%), 4px -4px 1px hsl(0,0%,0%), -4px 4px 1px hsl(0,0%,0%),
4px 0px 1px hsl(0,0%,0%), -4px 0px 1px hsl(0,0%,0%), 0px 4px 1px hsl(0,0%,0%), 0px -4px 1px hsl(0,0%,0%);
// margin-left: auto;
// margin-right: auto;
// margin-top: 0.5em;
// padding: 0.5em 1em 0.5em 1em;
// text-align: center;
}
</style>
</html>
[/color]
That particular css content page does weird things to lists that have been tagged with "compact" using the WRAP plugin, and applies a fancy piece of formatting to H1 elements regardless of the wrap plugin, but in principle it could apply css to any element that has appropriate hooks for css to sink its teeth into. You coudl define any number of css "holder" pages, and link to them using the include plugin.