1. What is this?

    This is an ordered list whose items have headings. It demonstrates a use-case for the ::marker pseudo-element.

  2. What use-case?

    The ::marker pseudo-element is used to style the list markers (1., 2., etc.) so that they match the text size and weight of the headings.

  3. How was this done before?

    Before ::marker, a workaround was needed to achieve this effect. For example, hiding the native markers and creating custom markers via ::before, or styling the list items themselves and then reverting those styles on the item’s descendants.