如何使用 css 更改 div 文本的字体粗细？答案

【问题标题】：How to change font-weight of div text using css?如何使用 css 更改 div 文本的字体粗细？
【发布时间】：2021-08-13 08:39:49
【问题描述】：

我在wordpress 中使用了一个插件，它创建了以下html：

<div class="tmm_names">
    <span class="tmm_fname">Name</span> 
    <span class="tmm_lname">Surname</span>
</div>
<div class="tmm_job">Job title</div>

我需要使用css 将“tmm_job”类的内容加粗。我没有更改 html 代码的选项，所以我需要通过 css 进行更改。

我尝试了以下方法，但它不起作用：

.tmm_job {
   font-weight: 900;
}

当我尝试更改跨度类字体粗细时，它起作用了，但是对于 div 类没有。有什么想法吗？

【问题讨论】：

标签： html css wordpress

【解决方案1】：

使用这个：

.tmm_job {
   font-weight: 900 !important;
}

【讨论】：

【解决方案2】：

如果你只是想增加字体粗细，只需使用内联 CSS

&lt;div class="tmm_job" style="font-weight: 900;"&gt;Job title&lt;/div&gt;

【讨论】：

谢谢@RaZoo。我没有更改 html 代码的选项。我只需要使用 css 来完成。
@zinon 然后在你的 CSS 中使用 !important

【解决方案3】：

我运行了您的代码，它对我来说运行良好，文件本身运行良好。您是否检查了指向 .css 文件的 href 链接？只要 main.css 文件在同一目录下，它就可以正常工作。

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
        <div class="tmm_names">
            <span class="tmm_fname">Name</span> 
            <span class="tmm_lname">Surname</span>
        </div>
        <div class="tmm_job">Job title</div>        
    </body>
</html>

.tmm_job {
    font-weight: 900;
 }

【讨论】：