フォントを細くしたいがうまく反映されません

Question

フォントを細くしたいがうまく反映されません。
styleの中にfont-weight: 100;を加えましたが反映されません。
なぜ反映されないか原因を教えて頂けないでしょうか？
写真で見ると「式場名」の文字の太さを「料金」と同じくらいに細くしたいです。
コードを一部載せます。
何が不備で反映されないのでしょうか？

		<th scope="row" style="width: 147px;padding: 10px;font-weight: bold;vertical-align: top;color: black;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #FFFACD !important font-weight: 100;">式場名</th>
		<td style="width: 200px !important;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #FFFACD !important">料金</td>
	</tr>
コード

Answer 1

こちらの質問と重複ですよね。
https://teratail.com/questions/39029

回答は出てたと思いますが、font-weightのboldをnormalに変えれば良いだけです。
今回提示されているコードでは、font-weightが重複しています。

これで大丈夫だと思うのですが。

<th scope="row" style="width: 147px;padding: 10px;font-weight: normal;vertical-align: top;color: black;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #FFFACD !important">式場名</th>

Comments

[rina0366]

申し訳ありません。
具体的にコードを指定すれば具体的な回答を頂けると聞いたので再度質問をしてしまいました。
結果的に修正することができました。
有難うございます。

Answer 2

開発者ツールを使って確認すれば解決に近付く問題だと思われます。主要なブラウザではF12キーを押すことで開発者ツールが開きます。開発者ツールを使えば、どのタグが「どこに記載されたスタイル指定によってこの見た目になっているか」がわかりやすく表示されます。そして、どこかに記載ミスがあればそれも判別がつくかと思います。お使いのブラウザごとに使用方法は違うのでご自分でお調べください。検索すれば丁寧な解説ページが出てくることでしょう。

今回の場合、font-weightの前に;が無いことが原因かと思われます。