css 不能覆盖反应图标颜色

Question

我的问题的简单说明

import {BsFillArrowRightCircleFill} from "react-icons/bs";

export default function Icon(){
    return <BsFillArrowRightCircleFill className='icon'/>;
}

在 CSS 文件中，如果我放了

.icon {
   color: red;
}

它会工作得很好。但是如果我添加这样的全局样式

* {
   color: yellow;
}
.icon {
   color: red;
}

然后颜色将保持黄色。我不明白为什么这个选择器不起作用。

Answer 1

尝试将选择器用作：

    .icon{
          *{
             color: red;
           }
        }

还可以访问此链接，您将了解更多信息。 How to Style React-Icons