Почему не работают псевдоклассы в css

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

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%); >>

• Вопрос задан более двух лет назад
• 724 просмотра

1 комментарий

Простой 1 комментарий

Ankhena @Ankhena Куратор тега CSS

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

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

Решения вопроса 2

Ilya Olovyannikov @cannibal_corpse
Верстальщик руками

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

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

Ответ написан более двух лет назад
Нравится 4 2 комментария
Andrew Foy @Arda4ek Автор вопроса

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

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

nginx, js, css
Ответ написан более двух лет назад
Andrew Foy @Arda4ek Автор вопроса
У меня не распознаются псевдоклассы (и не меняются в нужный цвет)

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

Почему не работает псевдокласс hover ?

Пишу код так же как и в уроке, но sublime даже не подсвечивает этот hover, на сайте тоже не работает. Подскажите, в чём проблема ?

ul.menu li a:hover

3 years ago

Похожие вопросы

• Слово киномонстр так и остается подчеркнуто и в синем цвете, как исправить?
• Все как в уроке сделано, а браузер не отображает изменений, как исправить?
• Укажите где именно я сделал ошибку и в чем она заключается?
• Не игнорте 42 урок (пробывал скачать исходник) не работает?
• Кнопка смотреть исчезает после стилизации, как исправить?
• Почему не подключается css к html?
• Не могу установить Footer
• Не изменяется страница, что делать?
• В уроке по html не пропускает задание с футером?
• Зависит ли от разрешения экрана то как потом будет выглядеть сайт?

2 ответов

Может где-то в css стилях точка с запятой не стоит, у меня такое было

3 years ago

Решетка должна стоять в свойстве color:

color:e4ec04;

color: #e4ec04;

3 years ago

Ваш ответ

• Создается структура файлов в visual studio code, не так как в уроке, как решить эту проблему?
• Не работает emmet в visual studio code?
• Не проходит оплата россия карта mastercard и есть возможность узнать цену в рублях?
• Здраствуйте у меня вопрос такой как мы можем получить только name с помощью цикл foreach?
• Как в sublime text открыть 2 папки в одном окне? открывается еще одно окно sublime text?
• Хочу изучить javascript для работы с nodejs, какой минимальный уровень знаний нужен?
• Есть ли готовые коды к урокам?
• Как открыть исходный код веб-страницы на mac в браузере?
• Не добавляется запись из xml в бд, что делаю неправильно?
• Позиционирование логотипа по центру хедера как сделать?
• Какой правильный синтаксис медиа запросов css?
• Как установить xampp на windows 32-bit?
• Как задать фоновое изображение для шапки (header) в bootstrap 3?
• Как прижать footer к низу в bootstrap 3?
• Xampp или open server?

• Интерактивные уроки и курсы программирования и создания сайтов (дистанционное обучение) помогут вам в игровой форме изучить основы языков программирования веб-разработки и веб-программирования с нуля. Обучение онлайн 24/7.

Русский —>

• Отзывы о курсах FructCode
• Политика конфиденциальности
• Условия использования
• Цены и оплата
• Все курсы
• Партнерская программа
• Комьюнити

• HTML/CSS Advanced
• Bootstrap 4
• VueJS Фреймворк
• Yii2 Фреймворк
• Modern Javascript
• Javascript/jQuery
• Все курсы

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

Добрый вечер. Есть два блока. Хочу расположить их в следующей последовательности: каждый чётный блок имеет свойство float: left, а нечётный — float: right. Хотел сделать это псевдоклассами, но ничего не получилось. Прошу вашей помощи.

1 2 3 4 5 6 7 8 9 10

ul class="how-it-works"> li> div class="help-image img-one">/div> div class="help-text">Первый шаг/div> /li> li> div style="float: right;" class="help-image img-one">/div> div class="help-text">Второй шаг/div> /li> /ul>

1 2 3 4 5 6

.help-image:nth-child(even) { float: right; } .help-image:nth-child(odd) { float: left; }

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Псевдоклассы :valid и :after вместе не работают
Проверка заполнения формы регистрации. Псевдоклассы :valid и :after в отдельности работают, вместе.

Псевдоклассы
Всем привет! Подскажите пожалуйста, как при помощи только css (html файл править нельзя по условию).

Псевдоклассы
Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот.

Псевдоклассы
В чем отличие :active, :focus и :hover ? Читаю и не совсем могу понять

2964 / 2593 / 1068
Регистрация: 15.12.2012
Сообщений: 9,832
Записей в блоге: 11

1 2 3 4 5 6

.how-it-works li div:nth-child(even){ float: right; } .how-it-works li div:nth-child(odd){ float: right; }

Регистрация: 15.01.2014
Сообщений: 459

Fedor92, если применять ко всем div-блокам свойство right, то они вообще вперемешку располагаются на странице. Немного переделал ваш код, но, по всей видимости, css считает все элементы не чётнымы и «слушается» только то, что указано в odd.

1 2 3 4 5 6

.how-it-works li .help-image:nth-child(even){ float: right; } .how-it-works li .help-image:nth-child(odd){ float: left; }

Не работает псевдокласс — :hover

У вас в названиях файлов ужас. Никогда не называйте файлы русскими буквами. И пути к картинкам думаю можно было тоже задать относительные. Перенес ваш код с песочницу, почистил ссылки и все работает:

body < height: 1000px; >.main < width: 1559px; background: linear-gradient(to top, #06060F, #372669); padding: 10px; >.to_feed < padding-left: 148.9px; >.name < color: rgba(311, 200, 600, 0.253); padding: 5px; font-size: 40px; >.search < background-color: white; font-size: 12px; padding-top: 14.4px; >.call < padding-left: 11px; transform: scale(1); >.call:hover

        
 
 Галерея