On Thursday, August 27, 2020 at 5:15:57 PM UTC-7, TW Tones wrote:
>
> This method will apply the styles to any list open on screen even in other
> tiddlers, if the one containing the style is displayed.
> Can you suggest the simple method to ensure these custom styles apply only
> in the current tiddler?, perhaps we use a section or div around the content
> of the tiddler?
>
Indeed, it is as simple as wrapping the bullet list in a div with a named
class, and using that class in the CSS declarations, like this:
<style>
.myBullets li {list-style-type: decimal; }
.myBullets li li {list-style-type: lower-alpha; }
.myBullets li li li {list-style-type: lower-roman; }
.myBullets li li li li {list-style-type: circle; }
</style>
<div class="myBullets">
# Some random Question
## Subsection 1
## Subsection 2
# Another Random Question
## Subsection 1
### Subsection 1.1
### Subsection 1.2
## Subsection 2
### Subsection 2.1
### Subsection 2.2
# One More Random Question
## Subsection 1
### Subsection 1.1
#### Subsection 1.1.1
##### Subsection 1.1.1
</div>
-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/a6c6760e-f4bd-4200-8148-946a507392e0o%40googlegroups.com.
