reactjs 将导入样式表的伪类用作CSS模块

i7uaboj4  于 2022-11-04  发布在  React
关注(0)|答案(1)|浏览(141)

我结合TypeScript使用React,每个组件都有一个单独的CSS文件。我导入CSS文件的方式如下:

import styles from 'pages/login/Login.module.css'

指定className的方式如下:

<input className={styles.username} ref={nameRef} type="text"  placeholder="USERNAME"/>

是否可以选择使用伪类?

<input className={styles.username:active} ref={nameRef} type="text"  placeholder="USERNAME"/>

这种方法显然行不通,它只是为了更清楚地说明我想要达到的目标。

wbgh16ku

wbgh16ku1#

一旦应用了className,则样式表中为该CSS类should automatically apply定义的所有伪选择器也将被应用。
因为css模块是通过向元素中添加类来工作的,所以你可以很容易地添加伪类选择器。
第一个
不幸的是,我们不能逐一适用这些原则。

相关问题