Question

css样式在ie8下无法显示，ie9以上正常显示

<div class="gm_r_4"><p>种类：</p>
<ul>
<label class="label_radio">
<input type="radio" name="sku_0" value="11" checked="checked">
<span>Regular size</span>
</label>
<label class="label_radio">
<input type="radio" name="sku_0" value="12">
<span>Queen size</span>
</label>
</ul>
</div>
.gm_r_4 ul {height: 41px;text-align: left;}
label{display:inline-block;height:39px;line-height:39px;width: 100px;margin-left: 8px;}
:first-of-type{margin-left:0;}
:first-of-type label {max-width: 100px;line-height: 39px;height: 39px;}
.label_radio input{display:none;}
.label_radio span{display:block;min-width:100px;text-align:center;border: 1px solid #ced3d7;border-width:1px;font-size: 16px;border-radius: 3px;color: #000;}
.label_radio input:checked + span {background-color: #a3d1d2;}
前缀省略了.gm_r_4 ul

Answer 1

如楼上所说，ie8不支持css3的选择符，first-of-type 是css3伪类选择符，既然是伪类选择符，那你就可以用class来解决，给所有第一个元素加一个class就可以了

追问

那也就是说，要想兼容ie8及以下版本，这种淘宝宝贝颜色、尺寸单选样式，就不能用单选按钮的样式去实现了，只能用下边的样式了

Regular size
Queen size

追答

和单选没关系，仅和选择符有关系

Answer 2

你会使用:first-of-type选择器，不知道这个是css3选择器？ie8不支持css3选择器。