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

Answer 2

试试吧

 .block-thumbnail .block-data h3 a { 
       font-size: 18px !important; 
    }

覆盖CSS中的另一个标签

2 个答案: