css中改不了字体加粗

近日在学习CSS的过程中，碰到了一个让我困扰许久的问题，那就是我在CSS中无法改变字体加粗的状态。

例子：
p {
  font-weight: normal;
} 

很明显，在上面这段CSS代码中，我已经为p标签设置了'font-weight: normal;'。然而在浏览器中查看，发现并没有起作用。

经过一番搜索和实践，发现这是因为在CSS中，当字体的加粗状态被设置为'bold'时，将会覆盖其他所有的font-weight设置。

例子：
p {
  font-weight: bold;
} 

上面这段CSS代码被放置在以下代码后面：

p {
  font-weight: normal;
} 

在浏览器中看到的样式仍然是加粗状态。

为了解决这个问题，有两种解决方法：

• 首先，可以考虑不使用'font-weight'属性来改变加粗状态，而是使用'font-style'属性。例如：

 p {
    font-style: italic;
  } 

• 第二种解决方法，就是使用!important关键字。例如：

 p {
    font-weight: normal !important;
  } 

总之，在CSS中，加粗状态是一个特殊的状态，一旦被设置为'bold'，就会将其他所有的font-weight设置覆盖。我们需要通过修改其他属性，或添加!important以达到修改加粗状态的效果。