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

时间:2013-11-10 04:20:56

标签: javascript jquery css html5 css3

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

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

然而......正如你所看到的那样,它并没有这样做。在我徘徊之后,我正在使用:nth-child。将所有四个答案都设为“红色”,然后让一个答案在“......”后不久仍然选择“绿色”......

但我似乎无法让它发挥作用......帮助?

1 个答案:

答案 0 :(得分:1)

听起来,您正在寻求有关事物如何展示的多个方面的帮助。为每个"州创建一个css类"你想要的东西是...... correctincorrect或其他东西。

当用户执行您关心的事情或表单更改时,将all标记为不正确,并使用jquery逻辑,就像您必须选择哪个需要correct一样。只需在需要时添加/删除类。

如果你能澄清你遇到麻烦的具体问题,我可以更具体地帮助你。