Это свойство определяет может ли мышь взаимодействовать с элементом.
По умолчанию стоит значение auto.
Значение none предотвращает события: hover, active, click и прочие. При чём не только в css но и в js.
Не работает в старых IE, доступно только начиная с IE11.
Зачем?
1. Чтобы элемент не реагировал на наведение мыши, если в css прописаны стили для :hover и прочих.
2. Чтобы отключить правую кнопку мыши.
3. Для ускорения скроллинга, т. к. без hover перерисовок станет меньше.