文章标签

终于，更改列表项目符号颜色将变得容易

在我刚开始学习的时候，普遍的建议是

<ul>
  <li><span>List item</span></li>
  <!-- ... -->
</ul>

li { color: red; } /* bullet */
li span { color: black; } /* text */

不糟糕，但也不好。你正在“重置”……

Chris Coyier 于 2019 年 12 月 19 日

在 React 中处理数据相对容易，因为 React 被设计为将数据作为状态处理。当您需要使用的数据量变得很大时，麻烦就开始了。例如，假设您需要处理一个数据集……

Kingsley Silas 于 2018 年 12 月 13 日

这是一个经典的 CSS 技巧！获得列表的自定义样式现在已经不那么困难了，因为 CSS 计数器引入了 counter-increment 和 counter-reset，这非常适合这种情况。我只想确保你知道如何……

Chris Coyier 于 2022 年 1 月 26 日

有序列表是 HTML 中最古老和语义最丰富的元素之一。无论何时您需要传达顺序或排名，<ol></ol> 标签都会提供帮助。<ol></ol> 标签的默认外观会在每个…旁边显示数字。

Steven Estrella 于 2017 年 5 月 8 日

有序列表不是唯一可以自动编号的元素。由于各种与计数器相关的属性，任何元素都可以。

<body>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
</body>

body {
  counter-reset: my-awesome-counter;
}
section {
  counter-increment: my-awesome-counter;
}
section:before {
  content:

…

Sara Cope 于 2019 年 1 月 31 日

您知道可以使用纯 CSS 制作三角形吗？这很简单。您只需创建一个具有零宽度和高度的块级元素，在其一侧设置彩色边框，并在两个相邻侧设置透明边框。它们……

Chris Coyier 于 2016 年 12 月 17 日

CSS 最棒的一点是它可以让 Web 开发人员用更少的代码实现更多功能。这到底意味着什么？首先，CSS 允许开发人员

…

David Walsh 于 2017 年 3 月 20 日