使用属性选择器进行收音机/复选框样式设置

Question

我有以下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;
}

Answer 1

而不是

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

写为

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

Answer 2

请勿将其与空格分开。它应该是

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

或

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