Skip to content

Instantly share code, notes, and snippets.

@konnnn

konnnn/layered-list.html

Last active December 21, 2019 22:11
Show Gist options
  • Save konnnn/3ef6bbed76be2f73a2a5c8c5ed08611b to your computer and use it in GitHub Desktop.
Save konnnn/3ef6bbed76be2f73a2a5c8c5ed08611b to your computer and use it in GitHub Desktop.
Download ZIP
Многоуровневый список (1, 2, 3... 1.1, 1.2... 1.1.1, 1.1.2) https://codepen.io/konnn/pen/MWYmKgb
Raw
layered-list.html
<!DOCTYPE html>
<head>
<style>
ol {
list-style-type: none;
counter-reset: item;
}
li:before {
content: counters(item, '.', decimal) '. ';
counter-increment: item;
}
</style>
</head>
<body>
<ol>
<li>Раз
<ol>
<li>Раз</li>
<li>Два
<ol>
<li>Раз</li>
<li>Два</li>
<li>Три</li>
</ol>
</li>
<li>Три</li>
</ol>
</li>
<li>Два</li>
<li>Три</li>
</ol>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment