ag-grid自定义主题选择器异常：仅第二列及以后表头设置对齐样式失效

根因分析 #

• CSS :not() 伪类语法错误：该伪类的匹配规则必须包裹在括号内，你使用的 :not:first-child 为无效写法，浏览器会直接忽略该条样式规则
• 选择器作用对象错误：你将 :not 伪类绑定到了 .ag-header-row（表头行）层级，实际筛选的是「非第一行的表头行」，和你需要的「同一表头行内第二列及以后的单元格」需求不匹配

正确样式代码 #

.ag-header-row .ag-header-cell:not(:first-child) .ag-cell-label-container .ag-header-cell-label {
    justify-content: right;
}

拓展适配 #

如果表格配置了N个左侧固定列不需要应用右对齐，将 :not(:first-child) 替换为 :not(:nth-child(-n + N)) 即可，比如需要排除前2列就写为 :not(:nth-child(-n + 2))。

内容的提问来源于stack exchange，提问作者BazLightYears