:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。


下面的例子, 设置表格的奇偶行背景颜色不同；单独设置表格的第1列背景颜色不同。




 <!DOCTYPE html>

 <html>

    <head>

         <style type="text/css">

             table{

                 height: 200px;

                 width:400px;

                 border:2px solid  green;

             }

             td{

                 border:1px solid;

             }

             tr:nth-child(2n){

                 background:#00CCCC;

             }

             tr td:nth-child(1){

                 background:#FFCCCC;

             }

         </style>

     </head>

     <body>

         <table>

             <tr>

                 <td>1</td> <td>2</td> <td>3</td>

             </tr>

             <tr>

                 <td>1</td> <td>2</td> <td>3</td>

             </tr>

             <tr>

                 <td>1</td> <td>2</td> <td>3</td>

             </tr>

             <tr>

                 <td>1</td> <td>2</td> <td>3</td>

             </tr>

         </table>

     </body>

 </html>




效果:




可以参考:


http://www.w3school.com.cn/cssref/selector_nth-child.asp
												


											
html table奇偶行颜色设置 (CSS选择器)的更多相关文章
	

    
								
  1. flex 4 datagrid 奇偶行颜色设置
		
    <s:DataGrid width="100%" height="100%" alternatingRowColors="[#ffFFff,#e ...
    
		
    2. 
						
  2. table中嵌套table，如何用jquery来控制奇偶行颜色
		
    总是要趁着自己还有记忆的时候,把该记录下来的都记录下来,着实是不敢恭维自己的记性. 相信很多时候,我们前端人员,经常会用到table里面的某个td中还嵌套着table,而这个时候还总要去弄奇偶行的颜色 ...
    
		
    3. 
						
  3. table行颜色设置
		
    function renderingTable(obj){    $(obj).each(function(){        //设置奇数行颜色        $(this).find(" ...
    
		
    4. 
						
  4. 如何修改antd中表格的表头样式和奇偶行颜色交替
		
    在做antd表格时通常会用到table组件,但是table的表头时给定的,那么怎么修改表头的颜色呢? 这里用的时less的写法,在全局环境中写,所有的table表头都会变成自己定义的颜色 定义好表头的 ...
    
		
    5. 
						
  5. jquery实现奇偶行赋值不同css值
		
    <html> <head> <title>jquery奇偶行css效果</title> <script src="../../jquer ...
    
		
    6. 
						
  6. table奇偶行设置颜色代码
		
    
		
    7. 
						
  7. 当鼠标经过表格数据行时颜色不同且奇偶行颜色也不同 (纯CSS)
		
    <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Prope ...
    
		
    8. 
						
  8. Gridview中奇偶数行颜色设置
		
    在gridview中的RowDataBound事件里面写 switch (e.Row.RowType) {case DataControlRowType.Header: e.Row.BackColor ...
    
		
    9. 
						
  9. tab奇偶行颜色交替+插件
		
    (function($){ $.fn.tableUI=function(options){ var defaults={ evenRowclass:"evenRow", oddro ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. IdentityServer4系列之中文文档及实际项目经验分享
			
    0.前言 原文:http://docs.identityserver.io/en/release/声明: 1.目录一至五章节根据IdentityServer英文文档翻译而来,有些内容会根据自己的理解来 ...
    
			
    2. 
						
  2. iOS 11开发教程（十四）iOS11应用代码添加视图
			
    iOS 11开发教程(十四)iOS11应用代码添加视图 如果开发者想要使用代码为主视图添加视图,该怎么办呢.以下将为开发者解决这一问题.要使用代码为主视图添加视图需要实现3个步骤. (1)实例化视图对 ...
    
			
    3. 
						
  3. forof循环
			
    一.语法 1.遍历数组 let myArr=[1,2,3,4,5]; for (let ele of myArr) { console.log(ele); } let myArr=[1,2,3,4,5 ...
    
			
    4. 
						
  4. JFreeChart 之饼图
			
    JFreeChart 之饼图 一.JFreeChart 简介 JFreeChart是JAVA平台上的一个开放的图表绘制类库.它完全使用JAVA语言编写,是为applications, applets, ...
    
			
    5. 
						
  5. apache2.4配置https
			
    1.获取证书 1.1 openssl生成SSL证书(自行百度) 1.2 腾讯云,阿里云,百度云等等都有提供免费的SSL证书 2.证书安装 编辑Apache根目录下 conf/httpd.conf 文件 ...
    
			
    6. 
						
  6. 数据库事务的属性－ACID和隔离级别
			
    1.数据库事务的属性-ACID(四个英文单词的首写字母): 1)原子性(Atomicity) 所谓原子性就是将一组操作作为一个操作单元,是原子操作,即要么全部执行,要么全部不执行. 2)一致性(Con ...
    
			
    7. 
						
  7. 使用MFC做一个简单的‘能自动生成小学生四则运算的软件’
			
    这是软件工程的第一次作业!但由于我们python还没入门,所以这次的要求是‘语言不限’. 小学期做过一个关于MFC的‘资金管理系统’,也正好可以有界面,所以就选择了自己很熟悉的MFC来做这个作业! 1 ...
    
			
    8. 
						
  8. 2015 年度新增开源软件排名 TOP 100 - 开源中国社区
			
    2015 年度新增开源软件排名 TOP 100 - 开源中国社区 39.ABTestingGateway http://www.oschina.net/news/69808/2015-annual-r ...
    
			
    9. 
						
  9. AES advanced encryption standard 3
			
    This optimized <../aesbench/> AES implementation conforms to FIPS-. aes.h #ifndef _AES_H #defi ...
    
			
    10. 
						
  10. SpringMVC介绍之视图解析器ViewResolver
			
    在前一篇博客中讲了SpringMVC的Controller控制器,在这篇博客中将接着介绍一下SpringMVC视图解析器.当我们对SpringMVC控制的资源发起请求时,这些请求都会被SpringMV ...
    
			
    11.