Почему "*" CSS-стиль переопределяет "кнопку" или "кнопку навигации"? - PullRequest
Новая
       10

Почему "*" CSS-стиль переопределяет "кнопку" или "кнопку навигации"?

0 голосов
/ 12 июня 2019

Используя инструменты разработчика Chrome, я вижу, что стиль полей берется из глобальных настроек. Что странно, потому что у меня добавлен более специфичный стиль nav button.

Что может быть причиной выбора стиля глобального поля вместо более конкретного? 

*{
    margin: 0;
}

nav button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px, 8px;
    border: 8px, 8px; 
    cursor: pointer;
    width: 100%; 
}

1 Ответ

1 голос
/ 12 июня 2019

margin: 8px, 8px; должно быть margin: 8px 8px; и border: 8px, 8px; должно border: 8px 8px;

nav button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 8px;
    border: 8px 8px; 
    cursor: pointer;
    width: 100%; 
}

Свойство margin имеет четыре значения: margin: top_margin right_margin bottom_margin left_margin;, если вы используете margin: 8px 8px;, оно представляет значение верхнего поля 8px, а правильное значение 8px.

...