CSS新手求助：无法修改“Willkommen im B2B Shop”的字体粗细怎么办？

1. 精准定位目标元素的选择器 #

打开浏览器开发者工具（按F12），点击左上角的元素选择按钮，选中"Willkommen im B2B Shop"标题，在右侧「Styles」面板里找到该元素的原始CSS选择器（比如可能是h1.page-title这类），用这个选择器编写样式比直接用element.style更可靠。

2. 强制覆盖现有样式（新手快速验证） #

如果直接设置font-weight没效果，可通过!important强制提升优先级，先验证是否能生效：

/* 替换成你找到的实际选择器 */
.page-title {
  font-weight: bold !important; /* 也可以用数值，比如700代表粗体 */
}

3. 检查字体是否支持对应粗细 #

部分字体仅包含特定字重（比如只有400正常、700粗体），若你设置的字重（如500）字体不支持，浏览器会自动降级，导致看起来没变化。可以先尝试font-weight: 900这类极端值测试。

4. 排查被覆盖的样式规则 #

在开发者工具的「Styles」面板里，查看是否有被划掉的font-weight规则——这说明该规则被优先级更高的样式覆盖了。你可以给选择器增加层级来提升优先级，比如把.page-title改成body .page-title，再重新设置字体粗细。

新手实操步骤 #

1. 按F12打开开发者工具，选中目标标题元素；
2. 在「Styles」面板的element.style区域输入font-weight: bold !important;，回车看效果；
3. 如果仍无效，找到面板中覆盖它的样式选择器，复制后加到你的自定义CSS文件或页面的<style>标签中，写入对应样式即可。

内容的提问来源于stack exchange，提问作者kmnh.cd