如何重置CSS </small>中的<small>标签

Question

我还想将<small>标签的字体大小重置为普通的HTML元素。

就像我希望小标签中的内容是其他标签的13px。

我该怎么做？

Answer 1

我认为更好的方法是做

small {
   font-size:inherit;
}

这样，小标签的大小与其包含的任何元素的大小相同，因此，如果出于某种原因，您有：

<h1>This is some <small>small</small> text</h1>

单词“small”与周围单词的大小相同。

有一点需要注意的是，我不确定它是否适用于IE。我怀疑它会，但你必须尝试它才能确定。

您可能希望使用CSS reset来处理所有标记的问题和类似问题。

Answer 2

首先，很难说出你在问什么。以下是如何将这些标签的字体大小设置为13px。

small {
  font-size: 13px; /* you can use !important, but I wouldn't recommend it */
}

其次，13px不是一个非常小的尺寸，除非你的文字的其余部分是巨大的。这个事实，再加上你的措辞（“我希望小标签中的内容是其他标签的13px”）让我怀疑你真正的意思是你想要＆lt; small＆gt;文本占文本其余部分的百分比。您可以按如下方式执行此操作：

small {
  font-size: 13%;
}

然而，这似乎相当小。如果你真的想要一个百分比，我会建议60％到80％之间的东西。

Answer 3

如果你想让它准确地达到13px，Keltex的答案将为你做到。

如果您希望将其大小从其父级的基础font-size缩小13像素，则可以使用以下选项，因为没有“使其完全减少13个像素”运算符可用：

1. 如果您知道基础font-size，请在选择器中对您的13个像素值进行硬编码。

2. 依靠百分比或 ems 来适当调整大小。例如，代替“少13个像素”，将其视为基本字体大小的给定百分比。即。

   p {font-size：24px; }

   小{font-size：45％/ *会使它大约小13个像素* /}

Answer 4

你的问题很难理解。是否要在small标签中创建与文本其余部分相同的文本？我会假设的。

small {
  font-size: 100%;
}

这将使small标记与文本的其余部分具有相同的字体大小 为什么你会想要这样的事情是我无法理解的，但你有答案。

[edit] 这与@ notJim的答案效果相同 - 如果父母的字体大小发生变化，则会相应调整并采用新的大小。

Answer 5

将此添加到您的CSS：

small
{
    font-size: 13px !important;
}