Исключения стиля CSS в пределах диапазона?

Question

У меня есть DIV с флажками и этикетки, определенных стиле CSS при проверке:

#project input:checked + label {background-color:#787878;color:white;} 

Я хочу сделать две кнопки с исключениями цвет: белый.

Флажок ID = «B» обозначить фоновый цвет, чтобы повернуть красным цветом, а флажок «Идентификатор» - «C» - цвет фона, чтобы он стал синим. Я не могу понять, как добавить эту специфику.

Заранее спасибо.

EDIT: (добавление HTML-код)

<input type="checkbox" id="B" value="B" style="display:none;" onclick="document.getElementById('B').style.color = 'red'"><label for="B"> checkbox B </label> 

Это моя неудачная попытка с изменением уровня линии. Я только написал CSS, потому что думал, что это можно сделать в стиле.

Answer 1

Вам не нужен Javascript. Также при необходимости добавьте #B, #C { display: none; }.

#B:checked + label { 
 
    background: red; 
 
    color: white; 
 
} 
 
#C:checked + label { 
 
    background: blue; 
 
    color: white; 
 
}

<input type="checkbox" id="B" /> 
 
<label for="B">test</label> 
 

 
<input type="checkbox" id="C" /> 
 
<label for="C">test</label>

Answer 2

Это то, что вы ищете input[id="test"]:checked этот входы стилей с определенным идентификатором и проверенным состоянием.

И вы не можете нарисовать background-color в блоке, насколько я знаю.