Html 字体大小会被覆盖，即使使用！重要的

我正在使用以下PHP在我的博客上输出一些标记：

foreach ($tagvalues as $tag => $count) {
    $size = 12 + $count * 2;
    echo '<div class="tag" style=" font-size:' . $size . ' !important; "> ' . $tag . ' </div>';
}

...
<div class="tag" style=" font-size:14 !important; "> career </div>
<div class="tag" style=" font-size:16 !important; "> parenting </div>
...

foreach（$tagvalues as$tag=>$count）{
$size=12+count$2；
回显“.$tag.”；
}

这导致我的博客上出现以下HTML：

foreach ($tagvalues as $tag => $count) {
    $size = 12 + $count * 2;
    echo '<div class="tag" style=" font-size:' . $size . ' !important; "> ' . $tag . ' </div>';
}

...
<div class="tag" style=" font-size:14 !important; "> career </div>
<div class="tag" style=" font-size:16 !important; "> parenting </div>
...

。。。
事业
养育
...

如您所见，我正试图根据实例的数量设置每个标记的大小。代码输出很精细，但所有标记的大小都相同。当我在Chrome中使用开发者工具查看它时，我发现字体大小属性被完全覆盖了！这些标签的字体大小没有在其他任何地方设置，我真的很困惑为什么它会被忽略/覆盖

---

您不需要

！重要信息

，因为CSS顺序优先（您正在应用内联样式）。问题是您缺少

px

例如

为人父母
您不需要
！重要信息
，因为CSS顺序优先（您正在应用内联样式）。问题是您缺少
px

例如

为人父母
试试这个
字体大小：'$尺寸。”二甲苯！重要的观察。。。是否确实要使用直接从某个计数值导出的像素大小？我会想出一个更稳健的解决方案。下面的答案解决了你的问题。试试这个
font size:'$尺寸。”二甲苯！重要的观察。。。是否确实要使用直接从某个计数值导出的像素大小？我会想出一个更稳健的解决方案。下面的答案解决了你的问题。