html - 使用 CSS 选择器格式化复选框和单选按钮后的所有标签

Question

我有单选按钮和复选框，每个按钮和复选框在其右侧都有一个标签。

我想用 margin-left: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"]在您的 css 中，您也单独应用了样式。

像这样做：

演示 http://jsfiddle.net/aJPaq/

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