html - 将标记下的所有元素的字体大小降低 X 或原始值的 X 数量

Question

我想将标记下的所有元素的字体大小降低 X 或降低其原始值的 X 数量，例如，当我“引用”某人时，他们的文本会被完整复制，包括 H1、H2、图像, pre 等，但字体较小或整体占用空间较小。

我正在努力:

.text blockquote{
        *{
            font-size: 10px;
        }
    }

但是，正如预期的那样，它将替换所有标签(H1、H2 或其他标签)的字体大小，并使它们的大小相同。

我还尝试了 CSS 2D 变换，缩放到 0.6%，应用 0% 0% 的原点和负边距底部，但结果处理起来有点复杂，因为它弄乱了其他“blockquote”里面没有元素。

有没有更好的方法？

加分项:还缩小图像，如变换比例。

Answer 1

如果是缩小 blockquotes 元素中的字体大小，您可以使用 % 或 em 单位来重置 font-size 的引用以供 childs 使用: DEMO

blockquote {
  font-size:60%;
}

或 DEMO

blockquote {
  font-size:0.7em;
}