blear.utils.scope-css

1Introduction

2Example

var scopeCSS = require('blear.utils.scope-css');

3scopeCSS(cssText, scopeSelector, scopeMode): scopedCSS

将 css 添加上作用域，这样的话，css 就可以不污染其他部分，常用于单页面架构、组件架构。

使用__self__表示自身。

scopeCSS('__self__{width: 100px;}', '#some-page');
// => "#some-page{width: 100px;}"

scopeCSS('.header{width: 100px;}', '#some-page');
// => "#some-page .header{width: 100px;}"

3.1cssText

  • 类型：String
  • 说明：待转换的 css 文本

3.2scopeSelector

  • 类型：String
  • 说明：作用域选择器

3.3scopeMode

  • 类型：number
  • 说明：作用域模式
    • 1：祖先模式（#parent-selector child）
    • 2：属性模式（child[attr-selector]）
  • 默认：1

3.4scopedCSS

  • 类型：String
  • 说明：经过处理的 css

4Dependencies

5Reference