@sinoform/refine-css NPM

@sinoform/refine-css

提炼指定 DOM 元素以及子孙元素的 CSS。

基本使用

import refineCss from '@sinoform/refine-css';

const css = refineCss(document.querySelector('.element-1'));

例如，HTML 页面如下：

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      .element-1 {
        color: red;
      }

      .element-2 {
        color: blue;
      }
    </style>
    <style type="text/css">
      .element-1 {
        font-size: 18px;
      }

      .element-2 {
        font-size: 18px;
      }
    </style>
  </head>
  <body>
    <div class="element-1">这是第一行文本</div>
    <div class="element-2">这是第二行文本</div>
  </body>
</html>

通过上面的代码，获取到的 css 字符串如下：

.element-1 {
  color: red;
  font-size: 18px;
}

限制

refine-css 不会提炼继承自父级元素的样式，以及属性选择器等。

@everything-registry/sub-chunk-838 @sinoform/print-form-renderer @sinoform/public-modules

1.18.0

12 months ago

1.18.0-alpha.2

1 year ago

1.18.0-alpha.1

1 year ago