Как изменить цвет текста в списке?

Для изменения цвета текста в списке используйте стилевое свойство color, добавляя его к селектору ul, ol или li, как показано в примере 1.

Пример 1. Цвет фона в списке

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Цвет списка</title> <style> li { color: green; /* Цвет текста */ } </style> </head> <body> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </body> </html>

Результат данного примера показан на рис. 1.

Выделение цветом текста списка

Рис. 1. Выделение цветом текста списка

Обратите внимание, что меняется цвет не только самого текста, но и маркеров. Если требуется задать цвет маркеров другим, смотрите этот рецепт.