设置甚至是子项的复选框的样式

发布于 2024-11-28 16:01:30 字数 363 浏览 0 评论 0原文

我有一大堆复选框,想要为所有甚至是子项的复选框设置样式,即第二个、第四个、第六个、第八个。

我已尝试执行以下操作但无济于事。

.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;
}

I have a whole bunch of checkboxes and want to style all the ones that are even children i.e 2nd, 4th, 6th, 8th.

I have tried doing the following but to no avail.

.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;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

飞烟轻若梦 2024-12-05 16:01:30

根据以下规则使用 :nth-child(even):nth-child(2n+0) (任何产生偶数的计算):

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

Use :nth-child(even) or :nth-child(2n+0) (any calculation resulting in an even integer) according to:

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文