CSS - 使用：nth-​​child选择元素

Question

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

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

但是......它并没有如你所见。在我盘旋之后，我正在使用:nth-child。让所有关闭四个答案“红色”，然后使一个答案仍然选择“绿色”后不久...

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

Answer 1

这听起来像你要求事物显示的多个方面的帮助。为每个“状态”创建一个css类，您希望事物处于... correct和incorrect什么的。

当用户做一些你关心的事情或者表单发生变化时，将所有标记为不正确，并且使用jquery逻辑，就像你必须选择correct那样。只需在需要时添加/删除类。

如果您可以澄清您遇到麻烦的具体问题，我可以帮助更具体一点。