Somewhere else in this group, it was stated that a blank line is needed *after any HTML element* *before using WikiText* to make sure that everything works as needed. So, when I want a more complicated nesting but still use WikiText for less typing, I put a blank line between the HTML and WikiText...
[image: Nested WikiText.png] On Wednesday, September 9, 2020 at 6:11:48 AM UTC-7 Eric Shulman wrote: > On Wednesday, September 9, 2020 at 5:53:17 AM UTC-7, talha131 wrote: >> >> Thank you Brian. This is exactly what I was looking for. Much >> appreciated! Some behavior of the @@ is undocumented. I enabled >> "tiddlywiki/internals", plugin to see the raw HTML. I noticed, if >> @@background-color: >> red; is not immediately followed a by newline after the semicolon, then >> the rule is applied to span element, instead of div. In your solution I >> noticed if the enclosing <div> is not followed by a newline then the >> nested rules do not work. I guess @@ parser is particular about newlines >> and spaces. >> > The fact that "@@attribute:value; ...content ... @@" cannot be nested > really limits it to use for quick styling with simple attributes. In > general, it is much better to use proper CSS class definitions (either via > a separate tiddler tagged with $:/tags/Stylesheet, or via > <style>...</style> within the content of a tiddler). > > When you do want/need to use nested "inline CSS", you can always resort to > HTML syntax: > <div style="..."> content </div> or <span style="..."> content </span>. > > Thus, in Brian's example, you could eliminate the "@@" syntax entirely, > and just write: > <div style="list-style-type:decimal;"> > > # line > # line <div style="list-style-type:lower-alpha;"> > > # line > # line > </div> > </div> > > See https://tiddlywiki.com/#Lists%20in%20WikiText for more examples of > how to apply CSS to bullets. > > -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/65913391-032d-450b-b28d-7560f1233a6fn%40googlegroups.com.
