字体大小会变得与覆盖

我使用的后续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中使用开发人员工具查看它时，发现字体大小属性被覆盖掉了！这些标签的字体大小没有设置在其他任何地方，我真的很困惑为什么它被忽略/覆盖。

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

来源

2014-06-22 Juicy

试试这个'font-size：'。 $尺寸。 'px！important;' – marathonman

观察......你真的想用直接从某个计数值派生的像素大小吗？我会弄清楚一个更强大的解决方案。下面的答案解决了你的问题。 –

你不需要因为CSS顺序优先（你申请内嵌样式）的!important。问题是你错过了px，

例如。

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

来源

2014-06-22 00:46:00 Melvinr

字体大小会变得与覆盖

回答

相关问题