перезаписать другой тег в CSS

#html #css

#HTML #css

Вопрос:

Я пытаюсь минимизировать высоту между словами: «frihedskamp og fremtidsforelskelse»

Если я удалю тег CSS в строке 149, высота между строками будет нормальной. Я попытался добавить следующее, чтобы перезаписать это в строке 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
}

Я думал, что высота строки может выполнить эту работу, но это не работает. У кого-нибудь есть идея о том, как я могу установить «нормальную» высоту строки?

Ответ №1:

Прежде всего, вы должны поставить px после высоты строки. во-вторых, вы можете поставить !important после высоты строки, например line-height: 25px !important;

Я думаю, что высота строки по умолчанию 25px или 20px

1. Спасибо за ответ. Я вижу, что это работает, если я удалю «a» в .block-thumbnail . блок-данные h3 a{ } . Могу ли я заставить его работать, не удаляя a?

2. Нет, знаете что, я на самом деле собираюсь использовать ваше решение, а затем просто сделать изображение ссылкой, а не обоими: vouzalis.com/courses/AU/designteori-og-historie.php #

3. Вам не нужна единица измерения высоты строки (например, px ). Для справки: css-tricks.com/almanac/properties/l/line-height

Ответ №2:

Попробуйте

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

1. Спасибо за предложение. Размер шрифта по-прежнему должен составлять 18 пикселей; , поэтому это не решает проблему с высотой строки.

2. Хорошо, я также редактирую свой код. Так что, возможно, теперь это решит вашу проблему.

3. Но установка !important для размера шрифта не изменяет высоту строки.

4. p.small { высота строки: 90%;} или p.big {высота строки: 200%;} Пожалуйста, проверьте эту ссылку: — w3schools.com/CSSref/pr_dim_line-height.asp