From 9a67a90a30d5123346d64f76dfbfe1782edc4e32 Mon Sep 17 00:00:00 2001 From: gernert Date: Mon, 27 Feb 2017 16:54:15 +0100 Subject: [PATCH] Update Using Stylesheets.tid (#2786) --- .../tiddlers/howtos/Using Stylesheets.tid | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/editions/tw5.com/tiddlers/howtos/Using Stylesheets.tid b/editions/tw5.com/tiddlers/howtos/Using Stylesheets.tid index 135db06e8..69c8d8c7b 100644 --- a/editions/tw5.com/tiddlers/howtos/Using Stylesheets.tid +++ b/editions/tw5.com/tiddlers/howtos/Using Stylesheets.tid @@ -18,6 +18,24 @@ html body.tc-body { Custom stylesheets are applied independently from theme stylesheets. Therefore, it is often necessary for the css rules in your custom stylesheet to be more specific than those of the theme you want to override. For example, `html body.tc-body` is more specific than `body.tc-body`. +!!! Ordering of stylesheets + +Ordering of stylesheets is controlled in the main stylesheet $:/core/ui/PageStylesheet by the following list filter: + +``` +<$list filter="[all[shadows+tiddlers]tag[$:/tags/Stylesheet]]"/> +``` + +With help of a list-after field in a custom stylesheet, the order of the stylesheets can be rearranged to ease overwriting theme styles. + +<<< +To check the order of all stylesheets in use, enter the following filter in the filter tab of Advanced search: + +``` +[all[shadows+tiddlers]tag[$:/tags/Stylesheet]] +``` +<<< + ! Stylesheet Types Usually it is best to use the type `text/css` for stylesheets. This treats them as plain stylesheets, and ensures that TiddlyWiki doesn't apply any wiki processing to them.