A detailed explanation of the difference between Font-weight:bolder and setting values in CSS

I set the font-weight:bolder before; I never understood why the last effect on the browser became normal, and then I found out that bolder was relative to the parent element.

If the parent object has a value of normal and the child object value is set to bolder, it is eventually displayed in bold, which is bolded.

My parent element has a set font-weight:200, so the final display becomes the normal effect.

Font-weight font bias (fine) properties

Value: Normal | Bold | Bolder | Lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | Inherit

Description of available value values
Normal default value. The font is displayed correctly.
Bold Bold
Bolder thicker than bold
Lighter is lighter than normal font
100 at least and 2001 light
200 at least and 1001-like coarse, at least and 3,001-like light
300 at least and 2001-like coarse, at least and 4,001-like light
400 fonts are displayed normally, equivalent to normal.
500 at least and 4,001-like coarse, at least and 6,001-like light
600 at least and 5,001-like coarse, at least and 7,001-like light
700 bold, equivalent to bold.
800 at least and 7,001-like coarse, at least and 8,001-like light
900 at least and 8,001-like coarse
Inherit inherit the weight of a font from a parent element

Note: IE7 and earlier versions do not support the value of "inherit". IE8 needs to be defined! DOCTYPE. IE9 supports "inherit".