在将其放入<li> tag?</li>之前和之后,如何保持包含文本的标签的css规则相同?

时间:2010-09-07 17:27:45

标签: html

我很难在 li 标记内设置包含文字的标记的css规则。 li 内的任何内容都变得非常小。为了使其可读,我需要在一个重要的范围内使其更大(例如,从.8em到1.1 em)。不幸的是,新文本的大小并不总是与它放在锚标记之前的大小相匹配。

我想要的是能够恢复以前的设置,因为我将包含文本的标记放在 li 标记内。这样做有诀窍吗?比方说,对于font-size = 12px,我是否需要制作它,例如15px才能回到12px?

修改

实际上,一个标签并没有给我带来麻烦,但它更像是 li标签,它会缩小所有放入内部的内容。所以,我已经通过 li标签替换了所有标签来编辑上述帖子。对不起,我很抱歉。无论如何;虽然我认为我遇到了一个问题,在阅读S. Jones建议的文章后,我知道某些标签上的继承属性。

这是问题所在。比方说,我有

<a href = "somewhere">Somewhere<a>
a { font-size: 12px;}

将上述标记放入 li标记

<li><a href = "somewhere">Somewhere<a></li>
a { font-size: ???;}

阅读S. Jones的文章后,我想知道我是否需要禁用继承或使用重要!

感谢您的帮助

1 个答案:

答案 0 :(得分:4)

听起来你的CSS存在级联和继承问题。

您可能希望查看以下内容:


有几种方法可以解决您的问题,但我不能确定没有看到您的CSS和HTML。如果您可以发布一些示例HTML以及您的CSS文件来说明您的问题 - 这里的几个人将能够推荐解决方案。


调试建议:如果您当前没有使用它,可能需要查看为Firefox安装Firebug插件。它是检查页面的绝佳工具。您可以突出显示特定区域,Firebug将显示哪些HTML元素和CSS类负责布局。


更新:谢谢,这一点要清楚得多。检查您的CSS文件,了解应用于列表元素的任何样式(liolul)。您需要从这些元素中删除一些样式,或者专门为嵌套在a内的li元素定义字体大小。

例如:li a {font-size:12px;},它将设置a元素的字体大小,只有当它们嵌套在li个元素中时才会设置。

干杯。

相关问题