欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  :nth-child(n)选择器
 
  :nth-child(n)选择器的作用是匹配属于其父元素的第N个子元素,不管N的数据类型,所以N我们可以设置为数字,关键词或者是公式
 
  基本上所有的主流浏览器都支持这个属性。
 
  HTML代码:
 
  
 
  
 
  <style>
 
  table{
 
  font-size:16px;
 
  color:#333333;
 
  border-collapse:collapse;/*设置表格的边框是否被合并为一个单一的边框*/
 
  }
 
  th{
 
  border:1pxsolid#444;
 
  padding:25px;
 
  }
 
  td{
 
  border:1pxsolid#444;
 
  padding:15px;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <table>
 
  <tr>
 
  <th>示例一</th>
 
  <th>示例二</th>
 
  <th>示例三</th>
 
  </tr>
 
  <tr>
 
  <td>test1</td>
 
  <td>test1</td>
 
  <td>test1</td>
 
  </tr>
 
  <tr>
 
  <td>test2</td>
 
  <td>test2</td>
 
  <td>test2</td>
 
  </tr>
 
  <tr>
 
  <td>test3</td>
 
  <td>test3</td>
 
  <td>test3</td>
 
  </tr>
 
  </table>






本文转载自中文网
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56347.shtml