如何在输入复选框中保留空白

Question

假设有：

<div class="home">
<input type="checkbox"/>....
</div>

我需要在复选框中插入margin-left:3px。我的css代码是：

.home+input[type=checkbox]{
margin-left:3px;
}

任何人都可以帮助我^

Answer 1

.home input[type="checkbox"]{
margin-left:3px;
}

<div class="home">
<input type="checkbox"/>....
</div>

你真的不需要加号。。。除非您有特定的需求，并且您需要引用checkbox。。！

Answer 2

您几乎已经完成了，您只需要将复选框包装在引号input[type="checkbox"]中

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

<div class="home">
<input type="checkbox"/>
</div>

Answer 3

其他两个答案都有效，但都不准确。

尽管我倾向于建议在属性选择器[type="checkbox"]周围加引号，但如果不加引号[type=checkbox]，它会非常好地工作。只有在包含特殊字符时，引号才是必需的。

代码不起作用的原因是选择器中的+与同级匹配。

CCD_ 7将输入元素与紧接在具有home类的元素之后的复选框类型相匹配。

<div class="home">....</div>
<input type="checkbox"/>....

由于输入元素嵌套在.home中，因此不会使用同级选择器+

这就是为什么这个代码会起作用：

.home input[type=checkbox]{
margin-left:3px;
}

<div class="home">
<input type="checkbox"/>....
</div>