This package has been deprecated

Author message:

bye~

addstyle

0.2.3 • Public • Published

AddStyle

将 CSS 内容以添加 style 节点方式应用到页面。

安装

npm install addstyle

用法

AddStyle

var cssRules
// 最简单的方式,使用 css 文本
cssRules = 'p { color: red; }'
// 或者,传入 css 规则对象
cssRules = {
  p: {color: 'blue'}
}
// 或者,传入 css 规则数组,规则采用不同结构声明
cssRules [
    ['p', { color: 'red' }],
    ['.msg', 'line-height: 2'],
    '.alert { font-weight: bold; }'
]
var styleElement = AddStyle(cssRules)

CSS 规则可以通过多种方式传入:

1、规则文本

例如:

'p { color: red; } strong { font-weight: bold; }'

2、规则对象

例如:

{
    p: {
        color: 'red'
    },
    strong: 'font-weight: bold'
}

3、规则数组

例如:

[
    ['p', 'color: red;'],
    ['strong', {
        'font-weight': 'bold'
    }]
]

注:如示例中所示,CSS 规则声明支持文本或对象形式。

AddStyle.renderRules

将传入的 css 规则声明渲染为 css 文本。

兼容性

在 IE8+、Chrome 测试通过。

Readme

Keywords

Package Sidebar

Install

npm i addstyle

Weekly Downloads

4

Version

0.2.3

License

MIT

Last publish

Collaborators

  • luobo-modules