13

无法更改给定以下代码的标签的字体大小

<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 文件中标签的字体我想仅为这个标签更改字体大小。任何想法我做错了什么？

4

3 回答 3

32

奇怪的是它没有改变，inline styles最具体的是，如果样式表已!important声明，它不会覆盖，试试这个看看

<span style="font-size: 11px !important; color: #aaaaaa;">Hello</span>
于 2013-06-15T08:04:14.830 回答
1

在样式中使用此属性

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

通过!important它会覆盖你的 CSS

于 2013-06-15T08:05:36.433 回答
1

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

首先，修改 style.css 文件，使其不使用!important. 否则，添加!important到style属性中的规则。但是你应该以减少使用为目标!important，而不是增加它。

于 2013-06-15T14:25:14.850 回答