Для реализации выделения текста на разных участках веб-страницы одновременно при помощи CSS, можно использовать псевдо-элемент `::selection`.
Пример:
```css
::selection {
background-color: yellow;
color: black;
}
```
Этот код позволит выделять текст на странице желтым цветом с черным шрифтом при выделении любой части текста мышью.
Чтобы применить это свойство к двум разным элементам на странице, можно использовать комбинированные селекторы. Например:
```css
p::selection, h1::selection {
background-color: yellow;
color: black;
}
```
Этот код будет применять выделение текста на элементах `p` и `h1` одновременно при выделении текста на странице.
Если же вы хотите, чтобы при выделении текста на любой части страницы он выделялся одновременно в двух различных местах, то вам потребуется использовать JavaScript. Создайте функцию, которая будет добавлять класс с нужными стилями к нужным элементам при каждом выделении текста на странице. Например:
```javascript
document.addEventListener("selectionchange", function() {
var selectedText = window.getSelection().toString();
document.querySelectorAll(".element1, .element2").forEach(function(element) {
if (selectedText && element.contains(window.getSelection().anchorNode)) {
element.classList.add("selected");
} else {
element.classList.remove("selected");
}
});
});
```
Здесь `element1` и `element2` - это селекторы ваших элементов, которые должны выделяться при выделении текста на странице. Создайте класс `.selected` с нужными стилями и пропишите его в CSS.