Is there a way to ignore or disable styling of .markdown sub-elements in an MDX document?

[ony3000]

I'm building a React component library that can be used by integrating with tailwindcss. I'm using docusaurus as the documentation site for my library.

I'm trying to add a demo of a list component to my documentation site. 'List' uses a combination of List as a container and ListItem as an item, each rendered as ul and li.

However, at this point the following style is applied, causing the list to look different than expected:

.markdown li+li {
  margin-top: var(--ifm-list-item-margin);
}

I would like to make sure that this style is not just used in demos.

[slorber]

We don't have a good way to opt-out of these global styles currently, but various solutions are proposed here: #6032

[ony3000]

I checked #6032. It was so long that I read half of it and skimmed the rest.

I didn't want to go as far as a global CSS reset, so I worked around it by redefining the .markdown substyles built into infima and replacing the class names. (ony3000/tailwind-joy@52ca84c)