javascript - CSS - 使用 :nth-child 选择一个元素

Question

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

我有一个div。在那个 div 中有 4 个输入框，它们的右侧有 4 个框。这就像问题的“选择正确答案”。但是，当我将鼠标悬停在其中一个上时，它应该显示“正确？” 而其他 3 个标记为红色 X.. 如果他们不点击而只是悬停.. 它将恢复为原始选择的答案。

但是...正如您所见，它并没有这样做。我正在使用:nth-child我想的..在我悬停后。将四个答案全部设为“红色”，然后很快将其中一个答案选为“绿色”...

但我似乎无法让它工作......帮助？

Answer 1

听起来您正在寻求有关事物显示方式的多个方面的帮助。为您希望事物所处的每个“状态”创建一个 css 类......correct和incorrect/或其他东西。

当用户做了您关心的事情或表单发生更改时，将所有内容标记为不正确，并使用 jquery 逻辑，就像您必须选择需要的那样correct。只需在需要时添加/删除类。

如果您能澄清您遇到问题的具体点，我可以更具体地提供帮助。