Как выделить текст css?

Да, мне только цвет при протягивании мышью нужен.

Не знал, что selection сам ничего не выбирает.

1. Для цвета пользовательского выделения используйте псевдоэлемент ::selection. Например: .article::selection { background-color: gold; color: black; }.
2. Проверьте реальное выделение мышью или клавиатурой. Правило оформляет уже выделенный текст, но само не выбирает фразу.
3. Не пытайтесь задавать здесь любые свойства блока: для ::selection поддерживается ограниченный набор свойств, в частности цвет текста и фон.
4. Если нужен постоянный смысловой маркер в статье, это другая задача, для которой подходит HTML-разметка вроде mark.
5. При проблемах проверьте, не запрещено ли выделение свойством user-select у текста или его предков.
6. Подберите сочетание цветов, которое сохраняет читаемость. На вложенном элементе может действовать собственное оформление выделения, поэтому проверяйте целый абзац с ссылками и акцентами.

Проверьте оформление выделения:

• Правило записано через ::selection, например .article::selection { background-color: gold; color: black; }. Оно относится к фрагменту, который пользователь уже выделил.
• Вы проверяете обычный текст статьи, а не рамку вокруг блока. Изменение padding, размеров или расположения всего элемента не относится к задаче выделения.
• Используются свойства, поддерживаемые этим псевдоэлементом. Цвет текста, фоновый цвет и некоторые текстовые эффекты допустимы, но нельзя ожидать применения любого свойства CSS.
• Текст действительно можно выделить мышью и клавиатурой. Если где-то задан user-select: none, сначала выясните, зачем это ограничение было добавлено.
• Буквы остаются различимыми на выбранном фоне. Нежелательно менять только фон, предполагая, что любой исходный цвет текста обязательно подойдет к нему.
• Внутри абзаца проверены ссылки и другие вложенные элементы. У выделений есть собственные правила наследования, а локальное оформление потомка может изменить результат.
• Вы не ожидаете, что ::selection автоматически выделит определенную строку после загрузки. Для программного выбора диапазона существуют браузерные API, и это отдельная операция.
• Постоянная подсветка важных слов в содержимом оформляется отдельной разметкой. Если смысл состоит в отмеченном фрагменте, можно использовать mark с подходящим стилем, сохраняя текст в документе.

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