小编Dav*_*ios的帖子

如何使用香草精设计子元素的样式?

我开始使用 vanilla extract 来设计 NextJS 应用程序。有没有什么方法可以在不创建另一个类的情况下设置父元素的子元素样式?

我在反应组件中有这样的结构:

 <ul className={styles.ul}>
   <li>a</li>
   <li>b</li>
   <li>c</li>
 </ul>
Run Code Online (Sandbox Code Playgroud)

样式文件中类似这样的内容:

import { style } from "@vanilla-extract/css"

export const ul = style({
    display: vars.display.flex,
    listStyleType: vars.none,
})
Run Code Online (Sandbox Code Playgroud)

css next.js vanilla-extract

5
推荐指数
2
解决办法
9346
查看次数

标签 统计

css ×1

next.js ×1

vanilla-extract ×1