Javascript 在react应用程序中，在react引导css上应用自定义字体权重样式面临困难

我已经尝试了许多方法来覆盖默认的引导css，但在我的“Home.jsx”组件中没有任何效果。这是my Home.jsx（渲染主屏幕的组件）

我尝试过使用css模块覆盖引导css、内联样式，但似乎没有任何效果。但是，当我在Chrome中使用inspect工具并手动打开字体权重时，效果很好。

---

谢谢

我想我是个

css

订购的问题。 您需要在引导文件之后添加css文件

我不知道你导入引导和添加css文件的顺序 但是css的顺序应该如下所示，然后您将覆盖引导css bootstrap.css

---

styles.css

我想我是个排序问题。

.center {
  font-family: "Poppins", sans-serif;
  text-align: center;
  align-items: center;
  margin-top: 14.8%;
}
.center h1 {
  font-size: 75px;
}
.center h6 {
  color: blue;
  font-size: 20px;
}
.navlink {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-right: 40px;
}

.desc {
  color: blue;
  text-decoration: underline;
}

.navbrand {
  margin-left: 10px;
}

.logo {
  height: 35px;
  width: 120px;
}
body {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  background: rgb(234, 255, 208);
  background: linear-gradient(
    90deg,
    rgba(234, 255, 208, 1) 50%,
    rgba(255, 255, 255, 1) 51%
  );
}

您需要在引导文件之后添加css文件

我不知道你导入引导和添加css文件的顺序 但是css的顺序应该如下所示，然后您将覆盖引导css bootstrap.css

---

styles.css

！重要吗？？？你试过了吗？！重要吗？？？你试过了吗？

.center {
  font-family: "Poppins", sans-serif;
  text-align: center;
  align-items: center;
  margin-top: 14.8%;
}
.center h1 {
  font-size: 75px;
}
.center h6 {
  color: blue;
  font-size: 20px;
}
.navlink {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-right: 40px;
}

.desc {
  color: blue;
  text-decoration: underline;
}

.navbrand {
  margin-left: 10px;
}

.logo {
  height: 35px;
  width: 120px;
}
body {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  background: rgb(234, 255, 208);
  background: linear-gradient(
    90deg,
    rgba(234, 255, 208, 1) 50%,
    rgba(255, 255, 255, 1) 51%
  );
}

.center {
  font-family: "Poppins", sans-serif;
  text-align: center;
  align-items: center;
  margin-top: 14.8%;
}
.center h1 {
  font-size: 75px;
}
.center h6 {
  color: blue;
  font-size: 20px;
}
.navlink {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-right: 40px;
}

.desc {
  color: blue;
  text-decoration: underline;
}

.navbrand {
  margin-left: 10px;
}

.logo {
  height: 35px;
  width: 120px;
}
body {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  background: rgb(234, 255, 208);
  background: linear-gradient(
    90deg,
    rgba(234, 255, 208, 1) 50%,
    rgba(255, 255, 255, 1) 51%
  );
}