css-modules - 如何在 React 中将 CSS 子元素(如 nth-elements 和符号)作为 CSS 模块传递?
问题描述
我的反应组件中有这段代码
CSS
#menuToggle {
display: flex;
flex-direction: column;
position: relative;
top: 25px;
left: 25px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
}
并做出反应
import React from 'react';
const DrawerToggleButton = (props) => {
return (
<div id={props.styles.menuToggle} onClick={props.click}>
<input type="checkbox" />
<span className={props.styles.menuToggle__span}></span>
<span className={props.styles.menuToggle__span}></span>
<span className={props.styles.menuToggle__span}></span>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Info</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
);
};
export default DrawerToggleButton;
现在,如果想为组件样式传递以下 css 类,
#menuToggle input:checked ~ span:nth-last-child(3){
}
目前(我能想到的只是)我可能可以通过提供单独的类或 ID 来访问这些元素,但我认为它效率不高。如何有效地将这些子元素和 CSS 符号作为 css-module 传递?
解决方案
推荐阅读
- extjs - 无法从 ViewModel 中的数据访问对象
- amazon-web-services - 通过 python 代码启用 s3 存储桶日志记录
- java - 回溯算法 | 数组的子集:数组如何删除元素?
- java - Tomcat 9.0:安装后部署 Web 应用程序时出错
- android - React 本机 android 应用程序构建未在 Mac 上运行
- python - 如何使用pdfminer python从pdf中提取表格文本
- microcontroller - STM32F103xx 选项字节损坏?
- botframework - 如何在 Teams App Store 中托管 BF Skills?
- css - 使用元素 ui 的带有 css 的页脚按钮组
- php - 方法 Illuminate\Database\Eloquent\Collection::sortable 不存在