css - 使用属性选择器的单选/复选框样式

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;
}