html - 覆盖 CSS 中的另一个标签

Question

我正在尝试最小化单词之间的高度:“frihedskamp og fremtidsforelskelse”

如果我删除第149行的CSS标签，行间高度是正常的。我试图在第 266 行添加以下内容以覆盖它:

HTML

<div class="col-md-3 col-sm-6 col-xs-12">

    <article class="block-thumbnail">
        <a href="#" class="block-thumb">
            <div class="block-image">
                <div class="overlay"></div>
                <img src="/images/courses/au/designteori-og-historie/forelaesninger-slides/frihedskamp-og-fremtidsforelskelse.jpg" alt="Designteori">
            </div>
        </a>

        <div class="block-data">
            <h3>
                <a href="#">Frihedskamp Og Fremtidsforelskelse</a>
            </h3>
        </div>
    </article>

</div>

CSS

.block-thumbnail .block-data h3 a {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    line-height: 1.0
} 

我认为行高可以完成这项工作，但那行不通。有人知道如何设置“正常”行高吗？

Answer 1

首先你应该在行高之后加上px。其次，您可以将 !important 放在行高之后，例如 line-height: 25px !important;

我认为默认的行高是25px或者20px