sass - 带有选择器和嵌套类的 ag-grid 自定义主题

Question

我正在尝试仅从第二列对标题应用规则，并进一步使用此规则：

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

但似乎选择器:not:first-child无法正常工作，因为当我将其取下时，规则适用于所有标题。

我想我做错了什么，但我不知道是什么。

标签： sassag-grid-react

Answer 1

您需要将:not排除在括号中的选择器包装起来，例如:not(:first-child)( docs )。

你也可以试试:nth-child(n+2)，应该是一样的效果。

但是，如果您尝试排除第一列，则需要将这些排除应用于列元素，而不是其父元素。.ag-header-row:not(:first-child)选择.ag-header-row不是其父元素的第一个子元素的所有元素；它不选择该类的子元素。

如果没有看到您的标记，很难说这会是什么样子，但您可以尝试.ag-header-row *:not(:first-child).