Как настроить курсор для списка с помощью CSS?

Чтобы настроить курсор для элемента списка с помощью CSS, можно установить для него свойство cursor со значением pointer. ru.w3docs.com sky.pro Например, для всех элементов списка нужно прописать стиль для элемента li: ru.w3docs.com

li { cursor: pointer; } 

Также можно использовать селектор :nth-child вместе с nth-child(odd) для курсора progress и nth-child(even) для курсора pointer на разных элементах списка: ru.w3docs.com

li:nth-child(odd) { background: #1c87c9; cursor: progress; width: 50%; padding: 5px; } li:nth-child(even) { background: #ccc; cursor: pointer; width: 50%; padding: 5px; } 

Кроме значений, заданных при помощи ключевых слов, можно указывать ссылку на картинку, которая будет показана вместо курсора. doka-guide.vercel.app