<span class="mw-page-title-namespace">Template</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Listyle.css</span>
Elena & Fabrice's Web
/* Reset default list styles */
.counter-top, .counter-sublist {
  list-style-type: none;
  margin: 0; /* Remove default margin */
  padding: 0; /* Remove default padding */
}

/* Top-level list */
.counter-top {
  counter-reset: subsection; /* Initialize subsection counter */
}

/* Top-level items */
.counter-item {
  counter-increment: subsection;
  margin: 0; /* Remove default margin */
  padding: 0; /* Remove default padding */
}

/* Sub-level list */
.counter-sublist {
  counter-reset: subsubsection; /* Reset subsubsection counter */
  padding-left: 1.5em; /* Optional: Add indentation */
}

/* Sub-level items */
.counter-subitem {
  counter-increment: subsubsection;
}

/* Custom numbering for top-level items */
.counter-item::before {
  content: counter(section) "." counter(subsection) " "; /* Output section.subsection (e.g., 2.1) */
}

/* Custom numbering for sub-level items */
.counter-sublist .counter-subitem::before {
  content: counter(section) "." counter(subsection) "." counter(subsubsection) " "; /* Output section.subsection.subsubsection (e.g., 2.1.1) */
}