css如何匹配一行中的指定单元格

吐槽君 分类:实例代码

表格的一行可以具有多个单元格,下面介绍一下如何利用css匹配一行中的指定单元格。

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>前端教程网</title> 
<style type="text/css"> 
table{ 
  font-size:12px; 
  background-color:#690; 
} 
table td{ 
  width:80px; 
  height:20px; 
  line-height:20px; 
  background-color:#FFF; 
}
table tr > td:nth-of-type(3) {
  width:150px;
} 
</style> 
</head> 
<body> 
<table cellspacing="1"> 
<tr> 
  <td>DIV+CSS</td> 
  <td>站长交流</td> 
  <td>搜索优化</td> 
</tr> 
<tr> 
  <td>div教程</td> 
  <td>实例教程</td> 
  <td>js教程</td> 
</tr> 
<tr> 
  <td>DIV+CSS</td> 
  <td>站长交流</td> 
  <td>搜索优化</td> 
</tr> 
</table> 
</body> 
</html>

css如何匹配一行中的指定单元格,这样的场景在实际项目中还是用的比较多的,关于css如何匹配一行中的指定单元格就介绍到这了。

css如何匹配一行中的指定单元格属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容