文章标签

移除列表标记而不影响语义

:where(ul, li, menu) {
  list-style: "";
}

更“正确”的方法是将 list-style 设置为 none，但这会带来一个潜在的后果：Safari 不会再从语义上识别该元素为一个正确的列表。我们可以修复……

Geoff Graham 于 2024 年 5 月 22 日

我在阅读 Google 的 web.dev 博客上的 “创意列表样式” 时，在文章的 ::marker 部分的一个代码示例中发现了一些奇怪的东西。内置的列表标记是项目符号、序数和字母。::marker 伪元素……

Šime Vidas 于 2024 年 5 月 17 日

HTML 列表很无聊。它们的功能不多，所以我们不会过多思考它们，尽管它们被广泛使用。我们仍然能够做与以前一样的事情来定制它们，比如移除标记、反转……

Daniel Schwarz 于 2022 年 11 月 28 日

lists

今年早些时候，我自出版了一本名为“理解 JavaScript Promises”的电子书 (免费下载)。虽然我并没有打算将其变成纸质书，但还是有很多人来询问纸质版，这……

Nicholas C. Zakas 于 2022 年 5 月 25 日

如果曾经有过一个货真价实的 CSS 技巧，这就是了！@ShadowShahriar 创建了一个 CodePen 演示，它使用伪元素在内联显示的列表项之间放置逗号，结果是带有正确标点的自然外观的完整句子……

Geoff Graham 于 2021 年 9 月 27 日

列表——我们都以某种形式使用过它们。我说的是 HTML 的 <ol> 和 <ul>。很多时候，由于我们想要对样式进行控制，所以会使用 list-style-type: none 完全关闭列表的标记，并从……

Eric Meyer 于 2021 年 4 月 29 日

这周我在 Sentry 做了一些重构工作，我发现我们没有一个通用的列表组件，可以在不同的项目和功能中使用。因此，我开始制作一个，但问题是：我们对……

Robin Rendle 于 2020 年 7 月 8 日

我需要一个博客文章的编号列表，从最后一个/最大的开始，然后依次递减。像这样

5. Post Title
4. Post Title
3. Post Title
2. Post Title
1. Post Title

但上面的……

Etinosa Obaseki 于 2020 年 6 月 11 日

lists

我当然不知道！Tomek Sułkowsi 展示了如何使用一个简单的 HTML 属性来反转有序列表的编号：……

Robin Rendle 于 2020 年 3 月 24 日