Не работают псевдоклассы в css?

Question

[Andrew Foy]

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

.button {
	padding: 10px 20px;
	border-radius: 8px;
	font-size: 1.2rem;
	background-color: @btn-color;
	color: @light;
	text-transform: uppercase;
	border: none;
	transition: all 0.2s;
	 &:hover {
		cursor: pointer;
		background-color: darken(@btn-color, 5%);
	}
}

Comments

[Ankhena]

Показанный кусок кода правильный и должен компилироваться (при наличии всех переменных).
Можете проверить в онлайн компиляторе lesscss.org/less-preview

Значит, ошибка в другом месте.

Answer 1

[Ilya Olovyannikov]

Привет!
У тебя код препроцессорный (LESS) должен компилироваться в CSS посредством плагина(сборщика/npm-скрипта), так как браузеры не умеют читать "неродной" язык.

Немного погугли про препроцессоры и все получится! :)

Comments

[Andrew Foy]

хмм мало что понял, но у меня есть компилятор, туда я закинул папку с less, и когда пишу в less то все отображется в css. Но все же погуглю, просто я все обсмотрел ничего не нашел

[Ilya Olovyannikov]

Arda4ek, тогда штрудируй документацию здесь

Answer 2

[Lynn «Кофеман»]

Всё работает:

Comments

[Andrew Foy]

У меня не распознаются псевдоклассы (и не меняются в нужный цвет)

[Lynn «Кофеман»]

Arda4ek, Я скопировал ваш код и он работает.
Следовательно не работает что-то другое. Ищите ошибку.
Забыли определить переменную…
Забыли скомпилировать…
Не указали нужный класс в html…

[Andrew Foy]

Lynn «Кофеман», Все проверил по 10 раз, все правильно, я уже незнаю что делать...

Answer 3

[approximate solution]