您的位置：首页 > Web前端 > CSS

CSS菜鸟级错误——类别选择器

2016-08-23 19:36 218 查看
错误说明：在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="#" onclick="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="#" onclick="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>

没有引号！！！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航