关于React中,数组map后返回的组件,无法引用css样式文件问题

{sheetList.map((item, idx) => {
        return (
          <div
            key={idx}
            className="wyy-sheet-item"
            style={{ width: "128px", height: "204px", marginRight: "42px" }}
          >

部分的react代码

.wyy-sheet-item:nth-of-type(4n) {
  margin-right: 0;
}

css样式

 

你给元素自身添加了内联样式的margin-right:42px,其优先级大于css文件的优先级

样式优先级问题!importtant>内联>class>标签

您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632