On Thursday, August 27, 2020 at 8:54:30 AM UTC-7, Mat wrote:
>
> Keep the $:/tags/Stylesheet tags. Click one of them to see the global 
> title list of tiddlers using that tag. And, you can rearrange the titles 
> there so to ensure that your stylesheet is placed below the other one. That 
> is how it is evaluated later and "wins", it has the same specificity.
>
> Another way is to increase it's specificity. In this specific case I'd 
> probably go this route and use  !important, i.e like so:
> .graybox {foo !important;}
>

Yet another way:

Define your style override like this:
.myStyles .graybox { your styles here }

Then, you can add your class ("myStyles") to the PageTemplate by creating a 
global macro tiddler (tagged with $:/tags/Macro) containing:
\define containerClasses()
tc-page-container tc-page-view-$(storyviewTitle)$ tc-language-$(
languageTitle)$ myStyles
\end
This will override the default "containerClasses" definition found 
in $:/core/ui/PageTemplate.

Thus, any page content that uses class="graybox" will automatically be 
within
a wrapper that has a class of "myStyles", and your definition of .graybox 
will
take precedence due to increased specificity.

-e

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/5ea5054d-5fea-4fff-a7ce-c2058edad5b1o%40googlegroups.com.

Reply via email to