Как сделать ссылки, которые не должны нажиматься?

Question

[Anton Почти]

У ссылок которые не должны нажиматься стоит стиль:

.disabled {
	pointer-events: none;
}

но в то же время мне нужно сделать так что бы при наведении на ссылку срабатывал :hover, как это сделать?

Answer 1

[Алексей Уколов]

как это сделать?

На чистом css - никак.
Если у вас есть ссылки, которые не должны нажиматься, то, с точки зрения семантики и здравого смысла, это не ссылки, а что-то другое. Поэтому, будет гораздо разумнее выбрать правильную разметку, вместо возведения огорода из костылей.

Comments

[Anton Почти]

Сайт на обслуживании , сделан на MODXе без костылей никак, спасибо за ответ но думаю ваш ответ не подойдет под решение задачи

Answer 2

[HamSter]

Просто нужно ссылку обернуть в какой-нибудь врап:

html:

<div class="pointer">
  <a href="#" class="disabled">disabled link</a>
</div>

css:

.pointer {
  cursor: pointer !important;
}

.disabled {
  pointer-events: none;
}

example

Answer 3

[Smeecy Smeecy]

Не понятно зачем нужно делать ссылку именно, если она не будет нажиматься, можно же сделать обычный span { cursor:pointer; }