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

antzone發表於2017-04-12
CSS

表格的一行可以具有多個單元格，下面介紹一下如何利用css匹配一行中的指定單元格。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<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>

相關文章