CSS - Использование: nth-child для выбора элемента

0

http://jsfiddle.net/weka/FQTyG/

У меня есть div. В этом div есть 4 поля ввода с четырьмя прямоугольниками справа от них. Это как "выбрать правильный ответ" на вопрос. Однако, когда я нависаю над одним из них, он должен показать "Правильно?". в то время как остальные 3 отмечены красным X.. и если они не нажимают и просто наведите курсор.. он вернется к исходному выбранному ответу.

Однако... это не так, как вы можете видеть. Я использую :nth-child как я полагаю. После того, как я выхожу. Сделайте ВСЕ из четырех ответов "красным", а затем сделайте один ответ еще выбранным "зеленым" вскоре после...

Но я не могу показаться, что это работает... Помогите?

1 ответ

1
Лучший ответ

Похоже, вы просите о помощи с несколькими аспектами того, как вещи отображаются. Создайте класс css для каждого "состояния", в котором вы хотите, чтобы что-то было... correct и incorrect.

Когда пользователь делает что-то, о чем вас беспокоит, или изменения формы, отметьте все как неправильные и используйте логику jquery, как вы должны выбрать, что должно быть correct. Просто добавьте/удалите классы, когда это необходимо.

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню