fix(emacs-org): support content formats where headers aren't direct children of content

[WolfeCub]

When using .org files as a content format each header generates a container around the text that follows it. Example:

Due to the way the styles and selectors are implemented currently this breaks header marks since they are required to be direct children of content.

I propose simply allowing any nested children of content that have headers to be given header marks.

[victor-pogor]

Hi @WolfeCub,

Can we use something like this?

   > h2,
   > h3,
   > h4,
   > h5,
   > h6,
   > .outline-text-2 > h2,
   > .outline-text-3 > h3,
   > .outline-text-4 > he,
   > .outline-text-5 > h5,
   > .outline-text-6 > h6,
 {
      > .header-mark::before {
        content: "|";
        margin-right: 0.3125rem;
      }
    }

I think it's more performant to use child selectors instead of the descendant selectors.

[victor-pogor]

If the proposed before will work for you, we can add here the new selector:

document.querySelectorAll(`.single .content > h${num}, .single .content > .outline-text-${num} > h${num}`)

[victor-pogor]

If the proposal will work, this would be the change:

> .outline-text-3 > h3 > .header-mark::before,
> h3 > .header-mark::before {
  /* ... */
}