重写CSS-Grid属性为特定的子[重复]

Question

我是CSS网格主题的新手，我在网格的帮助下为一个网站创建了一个标题，我创建了带有徽标的标题、导航栏、搜索栏、带有网格的按钮

.header {
    height: 60px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 3fr 0.1fr 0.5fr;
    grid-auto-rows: 70px;
    align-items:center;
    justify-items: center;
}

现在，最后两个属性对齐项目和对齐项目适用于所有ie，用于徽标、导航栏、搜索栏和按钮。我的问题是：我想覆盖这个justify items:center属性，以便仅对navBar的items:flex start进行对齐。那么谁能帮我？

以下是标题的屏幕截图：

Answer 1

如果您是用纯CSS编写的，您可以添加另一行更具体的代码，如下所示

.header .navBar {
    justify-items:flex-start;
}

这将优先于以前的css样式。一般来说，首先应用更具体的样式。