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如何匹配一行中的指定单元格属于前端实例代码,有关更多实例代码大家可以查看。