Стили полей поиска

Здравствуйте. Хочется задать стили для поиска по полям фильтра. К примеру теже спойлеры, когда жмём на чекбокс открывается полный список чекбокса. Но для этого нужна или правильная группировка по блокам, чтоб к примеру было так

<div class="spoiler">
     <input type="checkbox" id="1">
     <div class="box">
        <input type="checkbox" id="2">
        <input type="checkbox" id="3">
        <input type="checkbox" id="4">
     </div>
</div>

.По этому мы можем к примеру зацепиться за какой то айди или класс у первого чекбокса чтоб все блоки скрыть кроме него. Но проблема в том что у каждого из наших инпутов и лэйблов переменное id которое меняется после каждого обновления, и непонятно как за него зацепиться. Если бы у наших инпутов и лэйблов были постоянные айди к примеру,

<div class="spoiler">
        <input type="checkbox" id="1">
        <input type="checkbox" id="2">
        <input type="checkbox" id="3">
        <input type="checkbox" id="4">     
</div>
 То мы могли бы попробовать сделать так : зацепиться за какой то айди или класс у первого чекбокса, весь блок сделать невидимым а этот первый чекбокс оставить видимым, а потом (если так можно) вот так попробовать сделать наш спойлер<pre>
.spoiler >  input#1 + #2,#3,#4 {
	display: none;
}
.spoiler >  input#1:checked + #2,#3,#4 {
	display: block;
}