错误说明:在jsp页面头部编辑CSS样式 ,采用类别选择器,在表中的行中行中引用样式,结果没有效果显示。
如下
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>贴子主页</title>
<style type="text/css">
.even{background-color:”#FFFFFF”;}
.odd{background-color:”#00FF7F”;}
</style>
</head>
<body>
<table>
<c:forEach items="${invitationList}" var="invitation" varStatus="count"><c:if test="${count.index%2==0}">
<tr class="odd">
<td>${invitation.title}</td>
<td>${invitation.summary}</td>
<td>${invitation.author}</td>
<td>${invitation.createdate}</td>
<td>
<a href="#">查看回复</a>||
<a href="#" οnclick="deleteInvitation();">删除</a>
</td>
</tr>
</c:if>
<c:if test="${count.index%2!=0}">
<tr class="even">
<td>${invitation.title}</td>
<td>${invitation.summary}</td>
<td>${invitation.author}</td>
<td>${invitation.createdate}</td>
<td>
<a href="#">查看回复</a>||
<a href="#" οnclick="deleteInvitation();">删除</a>
</td>
</tr>
</c:if>
</c:forEach>
</table>
</body>
原因是CSS样式中的属性值不用加双引号,好白痴的错误,一直找不出原因。
正确应该如下代码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>贴子主页</title>
<style type="text/css">
.even{background-color:#FFFFFF;}
.odd{background-color:#00FF7F;}
</style>
没有引号!!!!