Kendo Angular Grid CSS-覆盖默认链接样式

Question

我试图覆盖Angular Kendo网格中的默认CSS，以特定方式显示超链接。很基本，我希望超链接显示为蓝色，然后用下划线悬停，但是我不希望将此样式应用于标题。我正在尝试使用“非”选择器，但它仍显示在标题中。

.k-grid a:not(.k-grid-header) {
    color: $royal-blue !important;
}

.k-grid a:hover:not(.k-grid-header) {
    color: $dark-blue !important;
    text-decoration: underline;
}