SSH网站开发前端问题汇总

问题一：CSS选择器中的坑

我使用的是jstl做的前后端数据整合,下面是前端数据代码

<div id="body_right_detail">
<ul>
<c:forEach items="${pageBean.list }" var="notice">
<a
href="${pageContext.request.contextPath }/public_getDetailNotice/${notice.noticeid }">
<li>
<div id="news_list_title">
<p>${notice.title }</p>
</div>
<div id="news_list_time">
<time>${notice.date }</time>
</div>
</li>
</a>
</c:forEach>

</ul>

css样式 如下，我想让第一个li内容背景改变

#body_right_detail ul li:first-child #news_list_title{
color: #5D5858;
}

但是却出现了下面的情况：所有的li标签都改变了背景颜色



但是如果把li标签放到<a>标签的外面就正常了

<div id="body_right_detail">
<ul>
<c:forEach items="${pageBean.list }" var="notice">
<li><a
href="${pageContext.request.contextPath }/public_getDetailNotice/${notice.noticeid }">

<div id="news_list_title">
<p>${notice.title }</p>
</div>
<div id="news_list_time">
<time>${notice.date }</time>
</div>

</a></li>
</c:forEach>

</ul>
</div>

问题二，table 表格里面的单元格使用百分比表示宽度（未解决）

我给表格的td加上一个div设置的宽度是10%，55% ，35% ，但是这样设置的百分比没有起作用

<tr>
<td><div class="id">编号</div></td>
<td><div class="image">头像</div></td>
<td><div class="introduction">简介</div></td>
<td><div class="operate">操作</div></td>
</tr>