我正在使用html进行5星评级系统,由于某种原因,即使我将它们设置为块元素,我也无法获得宽度和高度的锚点。我把问题缩小到这个基本代码:
CSS:
.outerdiv{
height:20px;
width:90px;
background-color:red;
}
.innerdiv{
height:20px;
width:63px;
background-color:blue;
}
.1{
display:block;
height:20px;
width:18px;
z-index:5;
background-color:green;
}
.1:hover{
background-color:orange;
}
HTML:
<div class="outerdiv">
<div class="innerdiv">
<a class="1"></a>
</div>
</div>
同样在: http://jsfiddle.net/knoell8504/qsjqL/4/ 这段代码与我正在使用的代码之间的主要区别在于,此代码使用背景颜色,我的代码使用背景图像。
答案 0 :(得分:5)
类名不能以数字开头(我认为这在HTML5中有所改变,但它仍然不是一个好主意)。因此,未应用样式。