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>