Kendo Angular Grid CSS - перезаписать стиль ссылки по умолчанию

Question

Я пытаюсь переписать CSS по умолчанию в сетке Angular Kendo для отображения гиперссылок определенным образом. Довольно просто, я хочу, чтобы гиперссылки отображались синим цветом, а затем зависали с подчеркиванием, но я не хочу, чтобы этот стиль применялся к заголовкам. Я пытаюсь использовать селектор "не", но он все еще отображается в заголовках.

.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;
}