Триггеры

Это можно (и нужно) вообще без JS делать.

На css? А как?

Задать свойство одного элемента относительно другого.

Вот пример: https://ninamori.org/cms/guestbook
При наведении мыши появляются кнопки.

Тебе надо чтобы при клике кнопки менялись.
Эффект другой, принцип тот же.

И выбрось этот жквери, ничего кроме проблем от него не бывает.

А если one и two совсем в разных частях документа?

Решил с помощью js вот так:

$(document).on('click touchstart', '#one', function() {
    $("#two").css('color', '#E91C2E');
});

Но как это реализовать на css очень интересно. Нашёл в гугле инфу на инпутах и лабелах, там где через фор соединяются, не прокатывает. Нашёл там где вложены в один блок. А так, чтобы совсем независимые элементы? Через общего родителя боди тоже не прокатывает.

Тут для начала стоит ответить на вопрос «что это вообще такое и нахера оно вообще надо?»

А потом, когда тебе потребуется изменить цвет, ты будешь в двух местах в коде это делать?
Если один и тот же код нужно использовать больше одного раза, вынеси его в функцию.

$(«#two»).trigger('click');

Просто $(«#two»).click();

отсчёт идёт от этого элемента или по всему документу

По всему. Возможно DOM как-то меняется, и $(«#two») пропадает, или коллбэк на момент $(«#one»).click не привязан...