样式复选框,甚至是孩子

时间:2011-08-09 13:14:39

标签: css css3 css-selectors

我有一大堆复选框,想要为所有偶数的孩子设置样式,即第2,第4,第6,第8。

我尝试过以下但无济于事。

.basic li > div .choices input[type="checkbox"] {
    width:14px;
    height:14px;
    float:left;
    border:0 none;
    background:#fff;
    padding:0;
}

.basic li > div .choices input[type="checkbox"]:nth-child(2n-1) {
    margin:0px 0px 0px 60px;
}

1 个答案:

答案 0 :(得分:3)

根据以下内容使用:nth-child(even):nth-child(2n+0)(任何导致偶数的计算):

http://www.w3.org/TR/css3-selectors/