[
Direct link to the article Grouping Selection List Items Together With CSS Grid
](https://css-tricks.com/grouping-selection-list-items-together-with-css-grid/)
[Grouping Selection List Items Together With CSS Grid](https://css-tricks.com/grouping-selection-list-items-together-with-css-grid/)
====================================================================================================================================
Preethi demonstrates how to make a user interface to group selected items using CSS Grid using two different methods: the auto-fill keyword for stable layouts and the span keyword for flexible arrangements.
[Preethi](https://css-tricks.com/author/preethi/) on Mar 5, 2025
Popular
this
month
----------------------
Powered by
[DigitalOcean](https://try.digitalocean.com/css-tricks/?utm_source=css-tricks.com&utm_medium=cta&utm_campaign=website_link)
**Article** on Jan 23, 2025
### [Some Things You Might Not Know About Custom Counter Styles](https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/)
[lists](https://css-tricks.com/tag/lists/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
**Article** on Jan 27, 2025
### [Revisiting CSS Multi-Column Layout](https://css-tricks.com/revisiting-css-multi-column-layout/)
[columns](https://css-tricks.com/tag/columns/) [layout](https://css-tricks.com/tag/layout/)
[](https://css-tricks.com/author/andyclarke/)[Andy Clarke](https://css-tricks.com/author/andyclarke/)
**Article** on Feb 17, 2025
### [The What If Machine: Bringing the “Iffy” Future of CSS into the Present](https://css-tricks.com/the-what-if-machine-bringing-the-iffy-future-of-css-into-the-present/)
[functions](https://css-tricks.com/tag/functions/)
[](https://css-tricks.com/author/leemeyer/)[Lee Meyer](https://css-tricks.com/author/leemeyer/)
**Article** on Feb 3, 2025
### [Typecasting and Viewport Transitions in CSS With tan(atan2())](https://css-tricks.com/typecasting-and-viewport-transitions-in-css-with-tanatan2/)
[functions](https://css-tricks.com/tag/functions/) [view transitions](https://css-tricks.com/tag/view-transitions/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Article** on Feb 10, 2025
### [Organizing Design System Component Patterns With CSS Cascade Layers](https://css-tricks.com/organizing-design-system-component-patterns-with-css-cascade-layers/)
[cascade layers](https://css-tricks.com/tag/cascade-layers/) [design systems](https://css-tricks.com/tag/design-systems/)
[](https://css-tricks.com/author/ryantrimble/)[Ryan Trimble](https://css-tricks.com/author/ryantrimble/)
**Article** on Feb 13, 2025
### [Baseline Status in a WordPress Block](https://css-tricks.com/baseline-status-in-a-wordpress-block/)
[resource](https://css-tricks.com/tag/resource/) [web components](https://css-tricks.com/tag/web-components/) [WordPress](https://css-tricks.com/tag/wordpress/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
**Article** on Jan 26, 2025
### [The Little Triangle in the Tooltip](https://css-tricks.com/the-little-triangle-in-the-tooltip/)
[tooltip](https://css-tricks.com/tag/tooltip/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Article** on Mar 5, 2025
### [How to Wait for the sibling-count() and sibling-index() Functions](https://css-tricks.com/how-to-wait-for-the-sibling-count-and-sibling-index-functions/)
[CSS functions](https://css-tricks.com/tag/css-functions/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Article** on Feb 24, 2025
### [Applying the Web Dev Mindset to Dealing With Life Challenges](https://css-tricks.com/applying-the-web-dev-mindset-to-dealing-with-life-challenges/)
[inspiration](https://css-tricks.com/tag/inspiration/) [opinion](https://css-tricks.com/tag/opinion/)
[](https://css-tricks.com/author/leemeyer/)[Lee Meyer](https://css-tricks.com/author/leemeyer/)
**Article** on Jan 31, 2025
### [Chrome 133 Goodies](https://css-tricks.com/chrome-133-goodies/)
[attributes](https://css-tricks.com/tag/attributes/) [container-queries](https://css-tricks.com/tag/container-queries/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
Latest Articles
---------------
[
Direct link to the article Functions in CSS?!
](https://css-tricks.com/functions-in-css/)
[Functions in CSS?!](https://css-tricks.com/functions-in-css/)
--------------------------------------------------------------
Arguments?! Return values?! What’s crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Functions.
[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/) on Mar 3, 2025
[
Direct link to the article A CSS-Only Star Rating Component and More! (Part 1)
](https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/)
[A CSS-Only Star Rating Component and More! (Part 1)](https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/)
-------------------------------------------------------------------------------------------------------------------------------
In this article, you’ll learn how to make a full-on star rating component out of nothing but a single input element and vanilla CSS.
[Temani Afif](https://css-tricks.com/author/afiftemani/) on Feb 28, 2025
[
Direct link to the article Using & Styling the Details Element
](https://css-tricks.com/using-styling-the-details-element/)
[Using & Styling the Details Element](https://css-tricks.com/using-styling-the-details-element/)
------------------------------------------------------------------------------------------------
Now that we’re 5+ years into the details element, we know more about it than ever before. I thought I’d round that information up so it’s in one place I can reference in the future without having to search the site — and other sites — to find it.
[Geoff Graham](https://css-tricks.com/author/geoffgraham/) on Mar 4, 2025
[
Direct link to the article Applying the Web Dev Mindset to Dealing With Life Challenges
](https://css-tricks.com/applying-the-web-dev-mindset-to-dealing-with-life-challenges/)
[Applying the Web Dev Mindset to Dealing With Life Challenges](https://css-tricks.com/applying-the-web-dev-mindset-to-dealing-with-life-challenges/)
----------------------------------------------------------------------------------------------------------------------------------------------------
The grain of truth was that even if you love your job, it can’t love you back. Yet what I’m hooked on isn’t one job, but the power of code and language.
[Lee Meyer](https://css-tricks.com/author/leemeyer/) on Feb 24, 2025
[
Direct link to the article Toe Dipping Into View Transitions
](https://css-tricks.com/toe-dipping-into-view-transitions/)
[Toe Dipping Into View Transitions](https://css-tricks.com/toe-dipping-into-view-transitions/)
----------------------------------------------------------------------------------------------
The View Transitions API is more a set of features than it is about any one particular thing. And it gets complex fast. But in this post, we’ll cover a couple ways to dip your toes into the waters without having to dive in head-first.
[Geoff Graham](https://css-tricks.com/author/geoffgraham/) on Feb 21, 2025
[Keep browsing in the archives](/category/articles/)
Quick Hits
----------
Chrome has [filed](https://groups.google.com/a/chromium.org/g/blink-dev/c/qOdmXuip85o/m/2etAfDC5AQAJ) an intent to prototype the `sibling-index()` and `sibling-count()` functions which [has to make Juan super happy](https://css-tricks.com/how-to-wait-for-the-sibling-count-and-sibling-index-functions/).
`[#](https://css-tricks.com/quick-hit-36/) March 5, 2025`
The speaker list for CSS Day 2025 is lookin’ _mighty_ fine, tell you what. Event is scheduled June 5-6 and [tickets are on sale](https://cssday.nl).
Here’s that list: Adam Argyle, Ana Rodrigues, Brad & Ian Frost, Chris Coyier, Jane Ori, John Allsopp, and Miriam Suzanne
`[#](https://css-tricks.com/quick-hit-35/) February 12, 2025`
[Great little reminder from Kevin Powell](https://html-css-tip-of-the-week.netlify.app/tip/empty/) that the `[:empty](https://css-tricks.com/almanac/pseudo-selectors/e/empty/)` pseudo-class considers comments as empty content, meaning a `div` with nothing but a `<!-- comment -->` still counts as `:empty`.
`[#](https://css-tricks.com/quick-hit-34/) January 13, 2025`
The Apple team just dropped an interesting idea for masonry layout that I think will make a lot of folks shift their opinion on the debate: [#11243](https://github.com/w3c/csswg-drafts/issues/11243#issuecomment-2584991716)
`[#](https://css-tricks.com/quick-hit-33/) January 11, 2025`
[More Quick Hits →](/category/quick-hits)
[](https://srv.buysellads.com/ads/click/x/GTND427WC6YIE5QUCEBLYKQUCEYDK2QWCYYICZ3JCABDT277F6YIEKJKCVBD527ECVAI6K7EC67D5K7MCVADE23KC6SIVKQLCV7DEK3EHJNCLSIZ)
Sponsored [Build key skills like UX, UI and HCI in Northwestern’s online MS in Information Design & Strategy.](https://srv.buysellads.com/ads/click/x/GTND427WC6YIE5QUCEBLYKQUCEYDK2QWCYYICZ3JCABDT277F6YIEKJKCVBD527ECVAI6K7EC67D5K7MCVADE23KC6SIVKQLCV7DEK3EHJNCLSIZ)
[](https://srv.carbonads.net/ads/click/x/GTND427WC6YIL2J7F6BLYKQUCEYDK53YFT7DKZ3JCABDT53LCY7DKKJKCVBD527ECVAI6K7EC67D5K7MCVADE2QKC6SIVKQLCV7DEK3EHJNCLSIZ)[Build your website for just $3.88/mth. More value and performance with Namecheap.](https://srv.carbonads.net/ads/click/x/GTND427WC6YIL2J7F6BLYKQUCEYDK53YFT7DKZ3JCABDT53LCY7DKKJKCVBD527ECVAI6K7EC67D5K7MCVADE2QKC6SIVKQLCV7DEK3EHJNCLSIZ)
[ads via Carbon](http://carbonads.net/?utm_source=css-trickscom&utm_medium=ad_via_link&utm_campaign=in_unit&utm_term=carbon)
Collections
-----------
[](#aa-classic-tricks)Classic Tricks
------------------------------------
Timeless CSS gems
**Article** on Oct 6, 2021
### [](#aa-scroll-animation)[Scroll Animation](https://css-tricks.com/books/greatest-css-tricks/scroll-animation/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Oct 6, 2021
### [](#aa-yellow-flash)[Yellow Flash](https://css-tricks.com/books/greatest-css-tricks/the-yellow-flash/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Oct 6, 2021
### [](#aa-self-drawing-shapes)[Self-Drawing Shapes](https://css-tricks.com/books/greatest-css-tricks/make-shape-draw/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Oct 6, 2021
### [](#aa-scroll-shadows)[Scroll Shadows](https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on May 20, 2020
### [](#aa-editable-style-blocks)[Editable Style Blocks](https://css-tricks.com/books/greatest-css-tricks/editable-style-blocks/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Oct 6, 2021
### [](#aa-scroll-indicator)[Scroll Indicator](https://css-tricks.com/books/greatest-css-tricks/scroll-indicator/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Mar 15, 2020
### [](#aa-border-triangles)[Border Triangles](https://css-tricks.com/books/greatest-css-tricks/how-to-make-a-triangle/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Oct 3, 2021
### [](#aa-pin-scrolling-to-bottom)[Pin Scrolling to Bottom](https://css-tricks.com/books/greatest-css-tricks/pin-scrolling-to-bottom/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Jul 5, 2021
### [](#aa-infinite-scrolling-background-image)[Infinite Scrolling Background Image](https://css-tricks.com/books/fundamental-css-tactics/infinite-scrolling-background-image/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
[](#aa-latest-css-guides)Latest CSS Guides
------------------------------------------
Dive deep into CSS features and concepts
**Article** on Oct 7, 2024
### [](#aa-css-anchor-positioning-guide)[CSS Anchor Positioning Guide](https://css-tricks.com/css-anchor-positioning-guide/)
[anchor positioning](https://css-tricks.com/tag/anchor-positioning/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Article** on Sep 6, 2024
### [](#aa-css-selectors)[CSS Selectors](https://css-tricks.com/css-selectors/)
[selectors](https://css-tricks.com/tag/selectors/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
**Article** on Aug 27, 2024
### [](#aa-css-length-units)[CSS Length Units](https://css-tricks.com/css-length-units/)
[container units](https://css-tricks.com/tag/container-units/) [units](https://css-tricks.com/tag/units/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
**Article** on Sep 26, 2024
### [](#aa-css-container-queries)[CSS Container Queries](https://css-tricks.com/css-container-queries/)
[container-queries](https://css-tricks.com/tag/container-queries/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
**Article** on Dec 19, 2024
### [](#aa-css-media-queries-guide)[CSS Media Queries Guide](https://css-tricks.com/a-complete-guide-to-css-media-queries/)
[media queries](https://css-tricks.com/tag/media-queries/)
[](https://css-tricks.com/author/agalante/)[Andrés Galante](https://css-tricks.com/author/agalante/)
**Article** on Oct 17, 2024
### [](#aa-cascade-layers-guide)[Cascade Layers Guide](https://css-tricks.com/css-cascade-layers/)
[cascade layers](https://css-tricks.com/tag/cascade-layers/)
[](https://css-tricks.com/author/miriam/)[Miriam Suzanne](https://css-tricks.com/author/miriam/)
**Sponsored Article** on Jan 20, 2022
### [](#aa-a-complete-beginners-guide-to-npm)[A Complete Beginner’s Guide to npm](https://css-tricks.com/a-complete-beginners-guide-to-npm/)
[npm](https://css-tricks.com/tag/npm/)
[](https://css-tricks.com/author/joshcollinsworth/)[Josh Collinsworth](https://css-tricks.com/author/joshcollinsworth/)
**Article** on Aug 12, 2024
### [](#aa-css-functions-guide)[CSS Functions Guide](https://css-tricks.com/complete-guide-to-css-functions/)
[functions](https://css-tricks.com/tag/functions/)
[](https://css-tricks.com/author/ericwbailey/)[Eric Bailey](https://css-tricks.com/author/ericwbailey/)
**Article** on Aug 12, 2024
### [](#aa-css-gradients-guide)[CSS Gradients Guide](https://css-tricks.com/a-complete-guide-to-css-gradients/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
**Article** on Oct 17, 2024
### [](#aa-css-custom-properties-guide)[CSS Custom Properties Guide](https://css-tricks.com/a-complete-guide-to-custom-properties/)
[custom properties](https://css-tricks.com/tag/custom-properties/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
**Article** on Aug 12, 2024
### [](#aa-dark-mode-in-css-guide)[Dark Mode in CSS Guide](https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/)
[dark mode](https://css-tricks.com/tag/dark-mode/)
[](https://css-tricks.com/author/mohamedadhuham/)[Adhuham](https://css-tricks.com/author/mohamedadhuham/)
**Article** on Aug 12, 2024
### [](#aa-html-data-attributes-guide)[HTML Data Attributes Guide](https://css-tricks.com/a-complete-guide-to-data-attributes/)
[attribute selectors](https://css-tricks.com/tag/attribute-selectors/) [attributes](https://css-tricks.com/tag/attributes/) [data attributes](https://css-tricks.com/tag/data-attributes/) [HTML](https://css-tricks.com/tag/html-2/)
[](https://css-tricks.com/author/chriscoyier/)[Chris Coyier](https://css-tricks.com/author/chriscoyier/)
[](#aa-fresh-from-the-almanac)Fresh From the Almanac
----------------------------------------------------
Properties, selectors, rules, and functions!
**Almanac** on Feb 22, 2025
### [](#aa-hsl)[hsl()](https://css-tricks.com/almanac/functions/h/hsl/)
[`.element { color: hsl(90deg, 50%, 50%); }`](https://css-tricks.com/almanac/functions/h/hsl/)
[color](https://css-tricks.com/tag/color/)
[](https://css-tricks.com/author/sunkanmifafowora/)[Sunkanmi Fafowora](https://css-tricks.com/author/sunkanmifafowora/)
**Almanac** on Mar 4, 2025
### [](#aa-lab)[lab()](https://css-tricks.com/almanac/functions/l/lab/)
[`.element { color: lab(50% 50% 50% / 0.5); }`](https://css-tricks.com/almanac/functions/l/lab/)
[color](https://css-tricks.com/tag/color/) [CSS functions](https://css-tricks.com/tag/css-functions/)
[](https://css-tricks.com/author/sunkanmifafowora/)[Sunkanmi Fafowora](https://css-tricks.com/author/sunkanmifafowora/)
**Almanac** on Feb 18, 2025
### [](#aa-animation-timeline)[animation-timeline](https://css-tricks.com/almanac/properties/a/animation-timeline/)
[`.element { animation-timeline: --imageTimeline; }`](https://css-tricks.com/almanac/properties/a/animation-timeline/)
[animation](https://css-tricks.com/tag/animation/)
[](https://css-tricks.com/author/salehmubashar/)[Saleh Mubashar](https://css-tricks.com/author/salehmubashar/)
**Almanac** on Jan 30, 2025
### [](#aa-symbols)[symbols()](https://css-tricks.com/almanac/functions/s/symbols/)
[`ul { list-style: symbols(cyclic "🥬"); }`](https://css-tricks.com/almanac/functions/s/symbols/)
[counters](https://css-tricks.com/tag/counters/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Feb 4, 2025
### [](#aa-counter)[counter()](https://css-tricks.com/almanac/functions/c/counter/)
[`h2::before { content: counter(my-counter, upper-roman) ". "; }`](https://css-tricks.com/almanac/functions/c/counter/)
[lists](https://css-tricks.com/tag/lists/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Jan 28, 2025
### [](#aa-counter-style)[@counter-style](https://css-tricks.com/almanac/rules/c/counter-style/)
[`@counter-style apple-counter { ... }`](https://css-tricks.com/almanac/rules/c/counter-style/)
[lists](https://css-tricks.com/tag/lists/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Dec 20, 2024
### [](#aa-prefers-reduced-motion)[prefers-reduced-motion](https://css-tricks.com/almanac/rules/m/media/prefers-reduced-motion/)
[`@media screen and (prefers-reduced-motion: reduce) { }`](https://css-tricks.com/almanac/rules/m/media/prefers-reduced-motion/)
[](https://css-tricks.com/author/geoffgraham/)[Geoff Graham](https://css-tricks.com/author/geoffgraham/)
**Almanac** on Dec 20, 2024
### [](#aa-media)[@media](https://css-tricks.com/almanac/rules/m/media/)
[`@media screen and (min-width: 600px) { }`](https://css-tricks.com/almanac/rules/m/media/)
[media queries](https://css-tricks.com/tag/media-queries/)
[](https://css-tricks.com/author/agalante/)[Andrés Galante](https://css-tricks.com/author/agalante/)
**Almanac** on Feb 2, 2025
### [](#aa-starting-style)[@starting-style](https://css-tricks.com/almanac/rules/s/starting-style/)
[`@starting-style { opacity: 0; }`](https://css-tricks.com/almanac/rules/s/starting-style/)
[animation](https://css-tricks.com/tag/animation/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Nov 18, 2024
### [](#aa-scope)[@scope](https://css-tricks.com/almanac/rules/s/scope/)
[`@scope (.container) to (.article) { /* */ }`](https://css-tricks.com/almanac/rules/s/scope/)
[at-rules](https://css-tricks.com/tag/at-rules/) [scoping](https://css-tricks.com/tag/scoping/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Dec 9, 2024
### [](#aa-position-try)[@position-try](https://css-tricks.com/almanac/rules/p/position-try/)
[`@position-try --my-position { position-area: top left; }`](https://css-tricks.com/almanac/rules/p/position-try/)
[anchor positioning](https://css-tricks.com/tag/anchor-positioning/) [position](https://css-tricks.com/tag/position/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Dec 9, 2024
### [](#aa-anchor)[anchor()](https://css-tricks.com/almanac/functions/a/anchor/)
[`.target { top: anchor(--my-anchor bottom); }`](https://css-tricks.com/almanac/functions/a/anchor/)
[anchor positioning](https://css-tricks.com/tag/anchor-positioning/) [positioning](https://css-tricks.com/tag/positioning/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Jan 9, 2025
### [](#aa-light-dark)[light-dark()](https://css-tricks.com/almanac/functions/l/light-dark/)
[`html { color: light-dark(#000, #fff); }`](https://css-tricks.com/almanac/functions/l/light-dark/)
[accessibility](https://css-tricks.com/tag/accessibility/) [color](https://css-tricks.com/tag/color/)
[](https://css-tricks.com/author/sunkanmifafowora/)[Sunkanmi Fafowora](https://css-tricks.com/author/sunkanmifafowora/)
**Almanac** on Jan 28, 2025
### [](#aa-view-transition)[@view-transition](https://css-tricks.com/almanac/rules/v/view-transition/)
[`@view-transition { navigation: auto; }`](https://css-tricks.com/almanac/rules/v/view-transition/)
[view transitions](https://css-tricks.com/tag/view-transitions/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)
**Almanac** on Feb 4, 2025
### [](#aa-counters)[counters()](https://css-tricks.com/almanac/functions/c/counters/)
[`li::marker { content: counters(item, ".") ") "; }`](https://css-tricks.com/almanac/functions/c/counters/)
[lists](https://css-tricks.com/tag/lists/)
[](https://css-tricks.com/author/monknow/)[Juan Diego RodrĂguez](https://css-tricks.com/author/monknow/)