0

Вот пример Если я margin помещаю в div.container, то он не срабатывает. Если я font-size помещаю в div.container он работает. Но, при этом в a.navig работает и фонт сайз и маржин

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Alata&family=Baloo+Tamma+2&display=swap" rel="stylesheet">
    <title></title>
</head>
<body>
    <div class='container'>
        <a class='navig' href='#'>Air tickets</a>
        <a class='navig' href='#'>R/w tickets</a>
        <a class='navig' href='#'>Hotels</a>
        <a class='navig' href='#'>Buses</a>
    </div>
</body>
</html>
body {
    margin: 0;
}

div.container {
    padding: 20px;
    display: inline-flex;
    box-sizing: border-box;
    text-decoration: none;
}

a.navig {
    font-size: 25px;
    color: #000;
    font-family: 'Baloo Tamma 2', cursive;
    margin: 0 20px;
}


1
  • Кстати, box-sizing: border-box здесь тоже не работает
    – tamonsnake
    27 авг 2020 в 5:28

1 ответ 1

1

Не все css свойства наследуеммые

https://developer.mozilla.org/ru/docs/Web/CSS/inheritance

Читайте подробнее в интернете.

Font-size не работает для div.container если вы отдельно задали для a.navig. Свойства потомка важнее

5
  • Благодарю, Michael!
    – tamonsnake
    27 авг 2020 в 5:40
  • Пожалуйста :) Можете обозначить мой ответ как верный если я ответил на вопрос 27 авг 2020 в 5:43
  • А как это сделать?
    – tamonsnake
    27 авг 2020 в 6:26
  • Не помню точно. Наверника где-то есть какая-то кнопка или иконка 27 авг 2020 в 6:56
  • @tamonsnake Знак "галочка" слева от ответа. Здесь тоже - ru.stackoverflow.com/questions/1170959/…
    – user176262
    29 авг 2020 в 11:59

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.