我结合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"/>
这种方法显然行不通,它只是为了更清楚地说明我想要达到的目标。
1条答案
按热度按时间wbgh16ku1#
一旦应用了
className
,则样式表中为该CSS类should automatically apply定义的所有伪选择器也将被应用。因为css模块是通过向元素中添加类来工作的,所以你可以很容易地添加伪类选择器。
第一个
不幸的是,我们不能逐一适用这些原则。