CSS/JavaScript, как задать стиль пра-пра-родительскому элементу?

Например, через parents().
Или через parent(). В зависимости от конкретной ситуации и личных предпочтений.

Давно на JS не писал. Как-то так, не проверял

let elt=document.querySelector('a.comment__avatar-link[href="/ru/users/1162209"]');
let parent=elt.closest('div.comment');
parent.style.cssText='background-color: blueviolet;';

CSS  :has() поддерживаю современные браузеры.

.comment:has(.comment__avatar-link) {
  background-color: red;
}

или Javascript

let comments = document.querySelectorAll('.comment__avatar-link');
comments.forEach(function(e) {
        if (e.hasAttribute('href') && e.getAttribute('href') !== '') {
                e.closest('.comment').classList.add('linked');
        }
});

Можно и так в вашем случае

.класс1 . Класс2 .класс3 а{.....}

А вообще, можно страничку смотреть код и тыкая на каждом нужном элементе, в браузере гугл например он пишет полный путь стиля с учетом вложений

для этого вам нужно найти свой элемент, например вашу ссыку

const link = document.querySelector('.comment__avatar-link')
дальше вам нужно найти его ближайшего родителя по селектору, для этого есть метод closest()
const container = link.closest('.comment')

В container будет лежать ваш пра пра родитель div в независимости насколько глубоко он вложен, если конечно по пути не появится другой элемент с таким классом, но и тогда можно унифицировать селектор.
Также можно на чистом css использовать :has() - очень мощная штучка.

document.querySelector('.comment__avatar-link[href="/ru/users/1162209"]').closest('.comment').classList.add('our_class');