# @acab/reset\.css 中文文档

规范地址：https://npmcn.com/package/%40acab/reset.css/

版本：0\.11\.0
npm 元数据更新时间：2024-11-29T02:00:38.016Z
中文译文更新时间：2026-11-06T01:41:13.328Z
软件包许可：未声明

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40acab/reset.css
原文对照：https://npmcn.com/package/%40acab/reset.css/?lang=original
项目主页：https://github.com/mayank99/reset.css#readme
源码仓库：https://github.com/mayank99/reset.css

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：6.8 kB，4 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2022-10-16T21:26:18.597Z
- 最新版本发布：2024-11-29T02:00:37.807Z
- 近 30 天下载量：7223（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：19（近 12 个月 0 个）

## 中文简介

a 2024年及以后的现代 css 重置

## 安装

```sh
npm install @acab/reset.css
```

也可以使用：`pnpm add @acab/reset.css`、`yarn add @acab/reset.css`、`bun add @acab/reset.css`

## README

# 重设( c)

一个包含现代 CSS 特性的样式重置,可以给你一个更好的基础开始.

## 特征

-   为级联层设计,但仍使用 `:where` 要保持低规格的无层设置.
-   使用自动暗模式 `color-scheme`。 。 。 .
-   `system-ui` 字体预应用.
-   可获取、一致的重点纲要.
-   支持诸如 `<dialog>` 财务报告和审定财务报表 `popover`。 。 。 .
-   `.visually-hidden` 班级烤入.

见 [源代码](https://github.com/mayank99/reset.css/blob/main/package/index.css) 如果你对整套规则好奇的话.

## 使用量

安装并导入软件包( 需要捆绑) :

```shell
npm install @acab/reset.css
```

```css
/* in a CSS file or <style> tag */
@import '@acab/reset.css';
```

```js
// or in a JS file
import '@acab/reset.css';
```

或从CDN直接使用:

```css
@import 'https://unpkg.com/@acab/reset.css';
```

### 叠加层

建议将此重置导入第一层.

理想的情况是,你应该预先定义你的地层,作为第一个样式表的第一件事.

```css
@layer reset, page, overrides;
```

然后在导入此重置时应用第一个层名.

```css
@import '@acab/reset.css' layer(reset);
```

### 视觉隐藏( 仅包含 SR)

每个项目都需要"可视化隐藏"的样式来进行屏幕阅读器独有的文本,因此这个重置已经将其建入.

它可以通过 `.visually-hidden` 类及其中的所有声明 `!important` 这样它们就不会被更高优先级的层层所压倒.

当隐藏的视觉元素被聚焦或内部的元素被聚焦时,这些样式会自动被撤销.

### 重点纲要

默认情况下,焦点样式在浏览器之间可能非常不一致(甚至无法访问). 此重置使其正常化为使用双色大纲 [系统颜色](https://www.w3.org/TR/css-color-4/#system-color-values) 收养 `color-scheme`根据特定章节的背景,您可能想要设置 `color-scheme` 属性以保持足够的颜色对比.

要覆盖焦点样式, 您可以指定自己的 `outline` (或者说 `outline-color`) (中文(简体) ).

```css
@layer globals {
  :focus-visible {
    outline-color: var(--my-brand);
  }
}
```

## 鸣谢

这个计划的灵感来自一些现有的,受欢迎的 CSS resets:

-   安迪・贝尔的 [现代 CSS 重置](https://piccalil.li/blog/a-modern-css-reset/)
-   乔什W Comeau的 [自定义 CSS 重置](https://www.joshwcomeau.com/css/custom-css-reset/)
-   简·西蒙斯的 [CSS 补救](https://github.com/jensimmons/cssremedy)

## 常见问题

### @acab/reset\.css 是什么？

a 2024年及以后的现代 css 重置

### 如何安装 @acab/reset\.css？

在项目目录运行 npm install @acab/reset\.css，或使用 pnpm add / yarn add / bun add。

### @acab/reset\.css 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/acab\_\_reset\.css 是否存在。

### @acab/reset\.css 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @acab/reset\.css 可以商用吗？

@acab/reset\.css 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @acab/reset\.css 的下载量有多少？

根据 npm 官方下载统计，@acab/reset\.css 在 2026/10/05 – 2026/11/03 这 30 天内被下载 7,223 次，日均约 241 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @acab/reset\.css 还在维护吗？

最新版本 0\.11\.0 发布于 2024/11/29（1\.9 年前）；至今共发布 19 个版本，其中过去 12 个月发布了 0 个；首次发布于 2022/10/17。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。