That works!
I can generally grasp how this works, though I'm not familiar with
<__txt__>splitregexp[\n]]
the only time I've seen \n is to create a new line in python, is it doing
the same here?
On Sunday, February 20, 2022 at 8:15:49 PM UTC-5 Eric Shulman wrote:
> If the content of your `<pre>` is stored in a separate tiddler or field,
> you can force the creation of child `<div>` elements, so that
> `nth-child(even)` can be applied successfully.
>
> Give this a try:
> ```
> \define nthchild(txt,bg:"lightgray")
> \whitespace trim
> <style> .myClass div:nth-child(even) { background:$bg$; } </style>
> <pre class="myClass">
> <$list filter="[<__txt__>splitregexp[\n]]" variable="line">
> <div><$text text=<<line>>/></div>
> </$list>
> </pre>
> \end
>
> <$macrocall $name="nthchild" txt={{test}} bg="powderblue"/>
> ```
>
> where the text content is stored in a tiddler named "test".
>
> -e
> On Sunday, February 20, 2022 at 4:46:32 PM UTC-8 [email protected]
> wrote:
>
>> Ah, well- that's a bummer haha
>>
>> Thank you!
>> On Sunday, February 20, 2022 at 7:30:21 PM UTC-5 Eric Shulman wrote:
>>
>>> Although HTML `<pre>` elements can display multiple lines of text, each
>>> line is not a separate child element.
>>> Thus, a CSS rule such as `nth-child(even)` doesn't have any effect
>>> within the `<pre>` element.
>>>
>>> -e
>>> On Sunday, February 20, 2022 at 4:13:04 PM UTC-8 [email protected]
>>> wrote:
>>>
>>>> Hello all, title says it all.
>>>>
>>>> When trying to apply nth-child(even) to use a background color for each
>>>> line when using <pre> in my tiddlers, it doesn't seem to work, and I'm not
>>>> entirely sure whats causing this.
>>>>
>>>> Any suggestions?
>>>>
>>>
--
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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/85cd7147-76e2-4e27-bab4-e91d443221f5n%40googlegroups.com.
