设置甚至是子项的复选框的样式
我有一大堆复选框,想要为所有甚至是子项的复选框设置样式,即第二个、第四个、第六个、第八个。
我已尝试执行以下操作但无济于事。
.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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
根据以下规则使用
: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/