Как выделить текст одним кликом в разных местах?

Question

[esfe]

Скажите, пожалуйста, может быть, кто-нибудь знает, как прописать CSS-команду таким образом, чтобы при клике на текст на веб странице он выделялся сразу в двух CSS-селекторах, сразу же при одном клике в любом месте.Я могу прописать два CSS-селектора через запятую и поставить команду для выделения, но это не работает.

То есть я хочу кликнуть в одном месте, а чтобы выделился текст в двух местах. А через запятую он выделяется только в одном месте или в другом при другом клике.

Пример на рандомном сайте википедии. Пишу изначально так

div.main-box-subtitle, div div p{
-webkit-user-select: all;
}
https://ru.wikipedia.org/wiki/Заглавная_страница
Например нужно чтобы выделялись сразу при одном клейке вот эти два CSS элемента.

Comments

[Ankhena]

Если клик это просто нажатие, то через :has
Если клик это кликнул, отпустил, а выделение должно остаться, то никак или очень неуниверсальными костылями (инпуты с лейблами).

Вообще такие дела делают на JS
Но это, разумеется, должен быть ваш сайт с возможностью поставить id или data атрибуты или типа того, т.е. связать кликнутые места с теми, которые должны выделяться.

Answer 1

[Rsa97]

В CSS никак. Используйте JS.

Answer 2

[Алексей Уколов]

Это невозможно сделать на чистом CSS.

Comments

[esfe]

А как можно по-другому написать? Я другие языки не знаю, к сожалению. Можете на моем примере написать?

[Алексей Уколов]

Я не уверен, что это возможно в принципе.
Скорее всего, выделение может быть только одно в момент времени. По крайней мере я руками несколько выделений сделать не могу, значит, скорее всего, и через JS это невозможно.