我<li>的 .css 文件中的标签具有以下样式：
li {
padding: 15px;
background-color: #32383d;
transition: 0.4s;
border-bottom: 1.5px solid #464e53;
color: #6b6d6d;
font-family: "Poppins", Arial, sans-serif;
cursor: pointer;
}
现在的问题是我想使用属性将一个active类添加到当前选择的：<li>className
filteredItem[0].items.forEach((menuItem, index) => {
menuItems.push(<li key={index} className={`${index === currentPage ? 'active' : ''}`}><span
className={menuItem.css}/>{menuItem.value}</li>)
});
和active类样式：（在同一个 .css 文件中）
.active {
background-color: #2f89fc;
}
但这不会覆盖原始背景颜色。有什么帮助吗？
注意：currentPage变量按预期工作。（测试它background-color从删除li）
尝试赋予它更高的特异性：
li.active {
background-color: #2f89fc;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句