2
css
yutent edited this page
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
}
}
`
}