我使用 Bootstrap 创建了一个基本页面，并且无法缩小我的块引用的字体大小。当我更改 CSS font-size 属性时，边距会发生变化，因为它们基于它，但文本本身的大小不会。
这是应用于块引用的 CSS：
blockquote {
font-family: Georgia, serif;
font-size: 1em;
font-style: italic;
margin: 3em auto !important;
padding: 0.35em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}
blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
/* Element with abolute positioning is positioned relative to nearest positioned ancestor */
position: absolute;
/* Offsets from edges of element's containing block, ancestor to which element is relatively positioned */
left: -20px; /* Negative moves it left */
top: -20px; /* Negative moves it toward top */
color: #7a7a7a;
}
blockquote cite {
color: #999;
font-size: 14px;
margin-top: 5px;
如果要更改blockquote内文本的字体大小，则必须像这样定义blockquote<p>内标签的字体大小属性
blockquote p {
font-size: 0.8em !important;
}
!important在这里必须是必需的，它将覆盖引导程序中定义的字体大小。
你不能像这样直接使用CSS
blockquote {
font-size: 30px;
}
因为这个标签有它自己的font-size属性。
blockquote 和 p 标签的关系是CSS Combinators
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句