为什么“*”CSS 样式会覆盖 "button" 或 "nav button" 样式？

Question

使用 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%; 
}

Answer 1

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: top_margin right_margin bottom_margin left_margin;如果使用margin: 8px 8px;则表示顶部边距值为8px，右侧值为8px。

为什么“*”CSS 样式会覆盖 "button" 或 "nav button" 样式？

Why is "*" CSS styling overriding "button" or "nav button" styling?

css

margin