L'article qui va avec...

html {
    font-size: 1.2em;
}

body, .post {
    font-family:"DejaVu Serif", "Times New Roman", Times, serif;
    background:none!important;
}

* {
    color: black!important;
    background: white!important;
    text-shadow: none!important;
    box-shadow: none!important;
}

div, h1, h2, h3, h4, h5, h6 {
    border: none !important;
}

#header, #sidenav, #subnav, body > footer, #commentaires, #links-prev-next, .entry-illustration {
    display: none !important;
}

article.blogentry > .entry-footer,
article.blogentry > header > .entry-meta {
    display: none !important;

}

h2 a, h3 a {
    text-decoration: none;
}

article.blogentry > .entry-content a {
    text-decoration: none;
}

article.blogentry > .entry-content a:after {
    content:" (" attr(href) ")";
    font-style: italic;
    color: #0000ff;
    text-decoration: none;
}

article.blogentry > .entry-content a:not([href^="http"]):after {
    content:" (<a href="https://couleur-science.eu/&quot">https://couleur-science.eu/&quot</a>; attr(href) ")";
}

pre, blockquote {
    border: 1px solid gray;
}

img, pre, blockquote, figure, video {
    break-inside: avoid;
}

h2, h3, h4 {
    break-after:avoid;
}

Des onglets en css pur.

Pour styliser les tiddlers d'un tiddlywiki.

En fait, tout le site est excellent.

Comme il dit dans l’article, ceci change énormément la façon dont on cible les élements en CSS. En fait… ça change tout. Car jusqu’à maintenant, on devait descendre les branches de l’arbre DOM, maintenant on pourra le remonter.

C'est pour ça d'ailleurs qu'on appelle ça du CSS : cascading style sheet.
On va l'appeler comment maintenant :

• PSS : Premiers-de-cordée style sheet,
• RSS : Rise style sheet,
• USS : Upward style sheet,
• CSS : Climb style sheet,
• CCSS : Cascading and Climbing Style Sheet ?

À lire. Les conditions en CSS !

Designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behaviour and context.