如何使用CSS动态选择上次选中的复选框?

时间:2011-03-25 10:56:51

标签: css checkbox css-selectors checked

我的页面中有很多“复选框”。我想显示(display:block;)一个框,如果我的页面的最后一个“复选框”被选中,则使用CSS。该框是最后一个“复选框”后的立即“文本框”。 似乎:last-child不适用于input[type="checkbox"]。即使它有效,也会有另一个问题:我可以在它之后立即使用另一个选择器(:checked)吗?{/ p>

这是我尝试的(但没有回答):

:last-child

1 个答案:

答案 0 :(得分:0)

您可以尝试使用.. (如果有效,我现在无法测试)

input:checked:last-child
{
...
}

编辑:我已经纠正了选择器并对其进行了测试。作品! Here a working sample