Question

对于给定的以下代码

，无法更改标记的字体大小

<td valign="top" width="620"><strong><a href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

尝试：

<td valign="top" width="620"><strong><a style="font-size:14px;" href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

没有任何改变;

<td valign="top" width="620"><strong><a class="pub" href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

a.pub
{
font-size: 14px;
}

没有变化;

<td class="pub" valign="top" width="620"><strong><a  href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

td.pub
{
font-size: 14px;
}

没有影响; 它使用style.css文件中的标记字体我想仅为此标签更改字体大小。我有什么想法吗？

Answer 1

奇怪它不会改变，因为inline styles是最具体的，如果样式表已声明!important，它就不会超过，试试看

<span style="font-size: 11px !important; color: #aaaaaa;">Hello</span>

Answer 2

在样式中使用此属性

font-size: 11px !important;//your font size

！important 它会覆盖你的css

Answer 3

您应该使用您喜欢的浏览器中的开发人员工具分析您的style.css文件，以查看哪个规则以覆盖style属性中的字体大小的方式设置元素上的字体大小。显然，它必须使用!important说明符，它通常表示样式中的逻辑和结构不佳。

首先，修改style.css文件，使其不使用!important。如果操作失败，请将!important添加到style属性中的规则中。但是你应该瞄准减少 !important的使用，而不是增加它。

如何使用内联css更改标记的字体大小？

3 个答案: