为什么我的一些 CSS 在 Safari 中不起作用？

Question

这是我的代码：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 160;
    font-family: Cochin;
}

body {
    width: 90%;
    margin: auto;
}

header {
    background: url("../images/background_cover.jpg");
    background-size: cover;
    h1, h3 {
        display: grid;
        place-items: center;
        color: white;
        padding: 1.5rem;
    }
    h3 {
        font-size: clamp(1rem, 1.2vw, 3rem);
        padding: 2rem;
    }
}

除了 h1, h3 {} 块之外，其他一切似乎都工作正常。我也测试了其他一些不属于我的 css 文件，问题似乎仍然存在。我已切换到 Chrome 一段时间，一切看起来都很棒，但我更愿意了解问题并继续使用 safari。

我还在线查找了解决方案，清除了缓存，禁用了扩展程序，但似乎没有任何效果。

Answer 1

CSS 嵌套是添加到 css 中的一个非常新的功能，这可能就是它在 safari 中不起作用的原因。
相反，您可以使用 SCSS 或不嵌套选择器。