Question

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

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

这会在我的博客上生成此HTML：

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

正如您所看到的，我尝试根据实例数设置每个标记的大小。代码输出罚款，但所有标签显示相同的大小。当我使用Chrome中的开发人员工具查看它时，我发现font-size属性被覆盖了！这些标签的字体大小没有在其他任何地方设置，我真的很困惑为什么它被忽略/覆盖。

You can see my site here (need to click on My Blog to load tags)

Answer 1

由于CSS顺序优先（您正在应用内联样式），因此您不需要!important。问题是你错过了px，

EG。

<div class="tag" style=" font-size:16px"> parenting </div>

即使使用！important，字体大小也会被覆盖

1 个答案: