Assign default CSS class to lists using obsidan.css? (Reveal.js "Fragments" in Presentation view)

[SMcClurePhD]

Things I have tried

I am trying to make slide presentations using the reveal.js integration in Obsidian.

My main needs are:

1. Left-aligned lists
2. List elements that appear one by one

I figured out how to make the default Obsidian markdown unordered lists left-align by creating the obsidian.css file with the following

.reveal ul {
display: block;
text-align: left;
}

I can make individual list elements appear in presentation by adding in-line code to each list item

<ul class=“fragment”>- List item 1 </ul>

What I’m trying to do

What I would like is something I can put in the obsidan.css file that makes every list item a “fragment” class by default during presentation view, so I don’t have to do it for every single one.

[Mowd]

Just use CSS snippets and apply your own css.

[SMcClurePhD]

Thanks!

Could you point me to an explanation or how-to around that?

I’m have ever so slightly more than zero knowledge about CSS, let alone “snippets”