ОК, поэтому у меня есть PHP, который распространяется через цикл переключателя, зависящий от динамического футляра под рукой (я думаю). Теперь, когда я добавляю флажок, я хочу иметь возможность сделать первый флажок в div
с верхней границей и сторонами, а ни дно. Следующие имеют только боковую границу, а у последней - боковые стороны и дно, но нет вершины. Надеюсь, это имеет смысл. Это все код, который мне нужно изменить:first-child last-child и те, что между
case "E":
$str.='<div id="leftcolrightboxcheckattach"><div id="enqattachcheckcontent" ><div id="enqleftcolattachcheckbox"><input type="checkbox" id="answer_question_'.$row['ques_id'].'[]" name="answer_question_'.$row['ques_id'].'[]" value="'.$arrMul[$i]["mul_name"].'" style="border:thick solid #fff" /></div><div id="enqleftcolattachcheckboxright">'.$arrMul[$i]["mul_name"].'</div></div></div>';
break;
и вот мой CSS. Стандартный класс работает, last-child
работает, но first-child
не ... какие-нибудь идеи почему?
#leftcolrightboxcheckattach:first-child{width:96%; margin:5px auto; clear:both; background:#000; border-top:thin solid #E6E6E6; position:relative; }
#leftcolrightboxcheckattach{width:96%; margin:5px auto; clear:both; background:#fff; border-left:thin solid #E6E6E6; border-right:thin solid #E6E6E6; position:relative; }
#leftcolrightboxcheckattach:last-child{width:96%; margin:5px auto; clear:both; background:#fff; border-bottom:thin solid #E6E6E6; position:relative; }
Поскольку вы перезаписаны его со средними правило, поставить первый ребенок рядом с последним-ребенком. – jcubic
Думал, что, но это не имеет никакого значения, первый ребенок по-прежнему является излишним. – mrmason
Попробуйте использовать более узкий селектор типа 'body #leftcolrightboxcheckattach: first-child' – jcubic