跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
lists

16 篇文章
{
,

}
文章的直接链接 终于,更改列表项目符号颜色将变得容易
列表

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

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

<ul>
  <li><span>List item</span></li>
  <!-- ... -->
</ul>
li { color: red; } /* bullet */
li span { color: black; } /* text */

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

Avatar of Chris Coyier
Chris Coyier 于 2019 年 12 月 19 日
文章的直接链接 使用 React Virtualized 渲染列表
react 入门 列表 react

使用 React Virtualized 渲染列表

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

Avatar of Kingsley Silas
Kingsley Silas 于 2018 年 12 月 13 日
文章的直接链接 使用 CSS 计数器进行自定义列表编号样式
计数器 列表 标记

使用 CSS 计数器进行自定义列表编号样式

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

Avatar of Chris Coyier
Chris Coyier 于 2022 年 1 月 26 日
文章的直接链接 带有 Unicode 符号的有序列表
列表 unicode

带有 Unicode 符号的有序列表

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

Avatar of Steven Estrella
Steven Estrella 于 2017 年 5 月 8 日
文章的直接链接 counter-increment
counter-increment 计数器 列表

counter-increment

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

<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: 
…
Avatar of Sara Cope
Sara Cope 于 2019 年 1 月 31 日
文章的直接链接 使用 CSS 三角形的导航面包屑
面包屑 列表 形状 三角形

使用 CSS 三角形的导航面包屑

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

Avatar of Chris Coyier
Chris Coyier 于 2016 年 12 月 17 日
文章的直接链接 无列表导航 - 使用 CSS 以更少的代码做更多事
列表 导航

无列表导航 - 使用 CSS 以更少的代码做更多事

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

  • 编写少得多的 XHTML 代码
  • 将网站格式与内容分离
  • 控制
…
Avatar of David Walsh
David Walsh 于 2017 年 3 月 20 日
  • 较新
  • 1
  • 2

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.