# instantsearch\.css 中文文档 规范地址：https://npmcn.com/package/instantsearch.css/ 版本：8\.25\.1 npm 元数据更新时间：2026-11-03T20:54:36.034Z 中文译文更新时间：2026-11-03T22:31:14.512Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/instantsearch.css 原文对照：https://npmcn.com/package/instantsearch.css/?lang=original 项目主页：https://github.com/algolia/instantsearch#readme 源码仓库：https://github.com/algolia/instantsearch ## 关键信息（来自 npm 元数据） - 包体积（解压后）：779 kB，22 个文件 - 模块格式：ES Module - TypeScript 类型：包内自带 - 运行依赖：1 个 - 首次发布：2017-11-09T14:35:31.531Z - 最新版本发布：2026-11-03T13:54:36.074Z - 已发布版本数：59（近 12 个月 25 个） ## 中文简介 CSS是一个CSS库，用于样式化由instantsearch驱动的搜索体验。 ## 安装 ```sh npm install instantsearch.css ``` 也可以使用：`pnpm add instantsearch.css`、`yarn add instantsearch.css`、`bun add instantsearch.css` ## README - [开始](https://npmcn.com/package/instantsearch.css/#readme-getting-started) - [安装](https://npmcn.com/package/instantsearch.css/#readme-installation) - [可用的主题](https://npmcn.com/package/instantsearch.css/#readme-available-themes) - [浏览器支持](https://npmcn.com/package/instantsearch.css/#readme-browser-support) - [实现版本](https://npmcn.com/package/instantsearch.css/#readme-implemented-versions) - [贡献](https://npmcn.com/package/instantsearch.css/#readme-contributing) - [许可证](https://npmcn.com/package/instantsearch.css/#readme-license) CSS是一个CSS库，用于样式化由instantsearch驱动的搜索体验。 * * * [![Version](https://img.shields.io/npm/v/instantsearch.css.svg?style=flat-square)](https://npmjs.org/package/instantsearch.css) [![License](http://img.shields.io/badge/license-MIT-green.svg?style=flat-square)](https://npmcn.com/package/instantsearch.css/LICENSE) [![Build Status](https://img.shields.io/circleci/project/github/algolia/instantsearch.svg?style=flat-square)](https://circleci.com/gh/algolia/instantsearch) [![Website](https://img.shields.io/badge/website-instantsearchjs.netlify.app/specs-yellow?style=flat-square)](https://instantsearchjs.netlify.app/specs/) ## 开始 使用InstantSearch. CSS很简单，只需将以下CSS代码添加到你现有的InstantSearch应用中： ```js // Include only the reset import 'instantsearch.css/themes/reset.css'; // Or include the full Satellite theme import 'instantsearch.css/themes/satellite.css'; ``` 要了解更多关于该库的信息，请遵循如何为您的InstantSearch小部件设置样式的指南： - [InstantSearch.js](https://www.algolia.com/doc/guides/building-search-ui/widgets/customize-an-existing-widget/js/#style-your-widgets) - [反应InstantSearch](https://www.algolia.com/doc/guides/building-search-ui/widgets/customize-an-existing-widget/react/#style-your-widgets) - [Vue InstantSearch](https://www.algolia.com/doc/guides/building-search-ui/widgets/customize-an-existing-widget/vue/#style-your-widgets) ## 安装 ```sh npm install instantsearch.css # or yarn add instantsearch.css ``` ## 可用的主题 css公开了两个主题： - [Algolia](https://npmcn.com/package/instantsearch.css/src/themes/algolia.scss) - [卫星](https://npmcn.com/package/instantsearch.css/src/themes/satellite.scss) 如果你不需要一个主题，你仍然可以使用 [重置风格](https://npmcn.com/package/instantsearch.css/src/themes/reset.scss) 从零开始。 **重置样式包含在所有提供的主题中。** 如果您使用主题，则不需要导入它们。 ## 浏览器支持 我们支持 **主要浏览器的最后两个版本** （Chrome, Edge, Firefox, Safari）。 ## 实现版本 css是一个活生生的标准。该表跟踪了每种InstantSearch风格中实现的版本。 | 项目 | 版本 | | --- | --- | | InstantSearch.js | 七 | | 反应InstantSearch | 七 | | Vue InstantSearch | 七 | ## 贡献 我们欢迎所有的贡献者，从临时到定期💙 - **错误报告**． 是不是有些东西没有像预期的那样工作？ [发送bug报告](https://github.com/algolia/instantsearch/issues/new?template=BUG_REPORT.yml&labels=triage,Library%3A%20InstantSearch.css)。 - **功能要求**． 你想给图书馆添点什么吗？ [发送特性请求](https://github.com/algolia/instantsearch/discussions/new?category=ideas&labels=triage,Library%3A%20InstantSearch.css&title=Feature%20request%3A%20)。 - **文档**． 你在文件里发现错别字了吗？ [打开一个问题](https://github.com/algolia/instantsearch/issues/new?labels=triage,Library%3A%20InstantSearch.css) 我们会处理好的。 - **发展**． 如果你不知道从哪里开始，你可以检查那些悬而未决的问题 [标记的简单](https://github.com/algolia/instantsearch/issues?q=is%3Aopen+is%3Aissue+label%3A%22Difficulty%3A+Easy%22+label%3A%22Library%3A%20InstantSearch.css%22), [错误](https://github.com/algolia/instantsearch/issues?q=is%3Aissue+is%3Aopen+label%3A%22Type%3A+Bug%22+label%3A%22Library%3A%20InstantSearch.css%22) 或 [家务](https://github.com/algolia/instantsearch/issues?q=is%3Aissue+is%3Aopen+label%3A%22Type%3A+Chore%22+label%3A%22Library%3A%20InstantSearch.css%22)。 要开始贡献代码，你需要： 1. [分叉项目](https://help.github.com/articles/fork-a-repo/) 2. [克隆存储库](https://help.github.com/articles/cloning-a-repository/) 3. 安装依赖项： `yarn` 请阅读 [我们的捐款流程](https://github.com/algolia/instantsearch/blob/master/CONTRIBUTING.md) 了解更多。 ## 许可证 InstantSearch.css是 [麻省理工学院的许可](https://npmcn.com/package/instantsearch.css/LICENSE)。 ## 常见问题 ### instantsearch\.css 是什么？ CSS是一个CSS库，用于样式化由instantsearch驱动的搜索体验。 ### 如何安装 instantsearch\.css？ 在项目目录运行 npm install instantsearch\.css，或使用 pnpm add / yarn add / bun add。 ### instantsearch\.css 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### instantsearch\.css 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。 ### instantsearch\.css 可以商用吗？ instantsearch\.css 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### instantsearch\.css 还在维护吗？ 最新版本 8\.25\.1 发布于 2026/11/03（1 天前）；至今共发布 59 个版本，其中过去 12 个月发布了 25 个；首次发布于 2017/11/09。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。