mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 18:17:22 +02:00
Last: LibWeb: Add counter() and counters() functions to content property
These let you format counters' current values as strings for use in generated content.
This commit is contained in:
Notes:
github-actions[bot]
2024-07-26 10:05:28 +00:00
Author: https://github.com/AtkinsSJ Commit: https://github.com/LadybirdBrowser/ladybird/commit/898e3bd8987 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/720 Reviewed-by: https://github.com/tcl3
@@ -0,0 +1,36 @@
|
||||
<style>
|
||||
div.ol {
|
||||
counter-reset: index;
|
||||
padding-left: 1em;
|
||||
}
|
||||
div.li {
|
||||
counter-increment: index;
|
||||
}
|
||||
div.li::before {
|
||||
content: counters(index, ".") ": ";
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="ol">
|
||||
<div class="li">A</div>
|
||||
<div class="li">B</div>
|
||||
<div class="li">C</div>
|
||||
<div class="li">
|
||||
<div class="ol">
|
||||
<div class="li">D</div>
|
||||
<div class="li">E</div>
|
||||
<div class="li">
|
||||
<div class="ol">
|
||||
<div class="li">F</div>
|
||||
<div class="li">G</div>
|
||||
<div class="li">H</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="li">I</div>
|
||||
<div class="li">J</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="li">K</div>
|
||||
<div class="li">L</div>
|
||||
<div class="li">M</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user