时间戳

首页 > 解决方案 > 如何在 Lit 的 css 中使用字符串类名

javascript - 如何在 Lit 的 css 中使用字符串类名

问题描述

我想将类名存储在 JS 常量中，如下所示：

const someClassName = "menu-item";
const componentCss = css`
  .${someClassName} {
    background: red;
  }
`;

然后在 html 模板中使用它们，如下所示：

const componentRender = html`
  <some-element class="${someClassName}"><some-element>
`;

问题是： Lit 不允许在css函数中使用字符串，我知道我可以在unsafeCSS每次使用它时将每个单独的类包装在 中css，但是有没有更好的方法来做到这一点？

标签： javascriptcsslit

解决方案

推荐阅读