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