2
css

yutent edited this page 2023-09-22 09:36:17 +08:00

css函数

这个函数, 内部做了兼容处理, 在支持adoptedStyleSheets的浏览器上自动使用adoptedStyleSheets, 否则转为使用style标签实现。

同时,配合VSCODE插件string-html-css, 可实现css语法高亮。

注意

虽然配合vscode插件, 可以scss语汪高亮, 但是css()函数本身并不支持解析scss的。 如果需要使用scss, 需要使用wkit的配套的构建工具来编译。




class Foo extends Component {

  static styles = css`
    .foo { color: red }
  `
}


class Foo extends Component {

  // 注意, 这里如果用 scss 语法, 需要使用wkit配套的构建工具来编译
  static styles = css`
    .foo { 
      color: red 
      
      .bar {
        color: blue
      }
    }
  `
}