第一个孩子的最后一个孩子和介于两者之间的孩子

时间:2013-06-25 12:42:01

标签: php css css-selectors

好的,所以我有一个PHP,由一个开关循环传播,取决于手头的动态情况(我认为)。现在,当我添加一个复选框时,我希望能够在div中创建第一个复选框,其中包含顶部边框和边框,没有底部。以下几个只有侧边,最后一个有侧边和底边但没有顶边。希望这是有道理的。这是我必须编辑的所有代码:

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

1 个答案:

答案 0 :(得分:0)

#leftcolrightboxcheckattach:not(:first-child):not(:last-child)
{

      .....
}