You can of course do it manually with divs in your Markdown as well:

````markdown

:::shallow

- a

- b

- c

:::

:::deep

- A

- B

- a

- b

- c

- C

:::

````

and then in your CSS:

````css

div.shallow > ul { /* style here */ }

div.deep > ul { /* style here */ }

````

The main point is that Pandoc doesn't support attributes on most elements, so you have to put block elements inside a div and inline elements inside a span, set the attributes on the div/span and use a child selector in CSS.

Den ons 18 sep. 2019 01:39John MacFarlane <jgm-TVLZxgkOlNX2fBVCVOL8/A@public.gmane.org> skrev:

Craig Parker <craigp-UzRat0APdLvLPIzirxu/xA@public.gmane.org> writes:

> So if I define a ul.shallow and a ul.deep in my css, you're saying a lua
> filter would render (in the html) <ul class="shallow"> and <ul
> class="deep"> ?

No, I'm not saying that.

You could write a lua filter that would identify "shallow" and
"deep" lists, and insert a div with class "shallow" or "deep"
around the list.

Css could then have a rule like .shallow > ul or .deep > ul.

> Are creating lua filters anything like coding in other languages? I know
> bash and PHP...

sort of, yes. See the documentation for lua filters on the pandoc
website.

--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/yh480kr24eh4s5.fsf%40johnmacfarlane.net.