说明
用 DinamiCSS 您可以动态管理 CSS 样式表
安装
DinamiCSS作为 npm 软件包。 。 。 .
// with npm
npm i @dynamicss/dynamicss
主要特点 :
- 从 Javascript 文件插入样式表.
- 运行时编辑样式表.
- 删除样式表.
- 检查是否已在 DOM 中插入样式表
- 创建动态对象示意图
用法(基本实例)
这是让你开始的简单例子, 这是你需要的数字 :
互动和现场演示 :
火药 类型 :
| 名称 | 说明 | 属性 |
|---|---|---|
DynamicSheet | 代表 Css 样式工作表的对象 | id: 字符串; |
content?: 字符串; | ||
sheetRules?: Dynamic Sheet Rule[;]; (中文(简体) ); | ||
DynamicSheetRule | 代表一组类名的 CCs 规则的对象 | className: 字符串; |
rules: DynamicStyle QQ DynamicPseudoNested QQ DynamicHyphens; (原始内容存档于2018-09-29) (中文(简体) ); |
DynamiCSS 命名空间函数 :
| 函数 | 说明 |
|---|---|
function insertStyleSheet(dynamicSheet: DynamicSheet): string | 将样式表插入 DOM |
function editStyleSheet(id: string, sheetRules: DynamicSheetRule[]): string | 编辑 DOM 中已有的样式表 |
function removeStyleSheet(id: string): string | 删除 DOM 中已有的样式表 |
function existStyleSheet(id: string): boolean | 如果找到与给定的 ID 匹配, 返回真 |
function makeStyleSheet(styleSheet: DynamicSheet): DynamicSheet | 返回相同的动态 Sheet 对象( 可能无用, 但有助于 JS) |
许可证
本项目的许可条件如下: 麻省理工学院许可证。 。 。 .