Css 使用属性选择器设置单选/复选框样式

我有以下css

input [type="checkbox"] {
    display:none;
}

目前，它设置了所有复选框的样式。我希望它仅使用定义的class=“vote”设置输入样式

我试过：

.vote input [type="checkbox"] {
    display:none;
}

input.vote [type="checkbox"] {
    display:none;
}

input vote [type="checkbox"] {
    display:none;
}

input [type="checkbox" class="vote"] {
    display:none;
}

而不是

.vote input [type="checkbox"] {
    display:none;
}

写为

input[type="checkbox"].vote {
    display:none;
}

---

不要用空格隔开它。应该是

input[type="checkbox"] {
    display:none;
}

或

---

嗯<代码>[]（空格）是后代选择器<代码>输入[type=checkbox]。投票会起作用。我编辑了我的问题，因为建议不起作用。对我来说，它起作用了：是的，问题出在我这边，有两段相同的代码，我有一个if，所以我没有满足它。。啊。。。你明白了。谢谢，你跑得更快了。：-）+1只有在有空格的情况下才需要在属性值周围加双引号，因此

input[input=checkbox]。投票也可以。@JaredFarrish说得很对，但有双引号总是安全的，所以我宁愿我不采用“皮带和吊杆”的方法。有一个空间会突然在里面乱窜吗<代码>

无论如何，它也能工作。哈哈。。。我喜欢

这里会突然出现一个空间吗？

。但这就像有一个好习惯。。无论如何你是对的

input[type="checkbox"].vote {
    display:none;
}