在带有css选择器的复选框和单选按钮后格式化所有标签

Question

我有单选按钮和复选框，右侧各有一个标签。

我想用左边距格式化标签：10px;远离辐射/检查控制。

input[type="checkbox"], input[type="radio"]  label {
    margin-left:10px;
}

这个css正以某种方式将整个控件+标签10px移动到右侧......

我只想在标签上留下左边距。

我的选择器需要更改什么？

Answer 1

input[type="radio"] label正在寻找label您想要的input[type=radio]的孩子：

input[type="radio"] + label

用于相邻的兄弟标签

Answer 2

您需要单独指定它们。在您的课程中，您还单独将样式应用于input[type="checkbox"]。

这样做：

DEMO http://jsfiddle.net/aJPaq/

input[type="checkbox"] + label, input[type="radio"] +  label {
    margin-left:10px;
}