父元素同时获取多个子元素

.header > .left {
    width: 10%;
}
.header > .right {
    width: 10%;
}

html格式为：

.header > .left,.right{
      width:10%;
}

只能看到你的CSS代码。目前看这样写没问题呀，header父节点下改变所有子节点的宽度。

• 你看下这篇博客吧, 应该有用👉 ：解决父元素的伪元素覆盖子元素

能不能看看html

写法一：

.header > .left, .header > .right {
      color: red;
}

写法二（需要注意浏览器兼容性，IE不可用）：

.header > div:is(.left, .right) {
      color: red;
}

是的，逗号隔开