: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. SpringBoot详细研究-03系统集成
			
    据说杰克船长被黑客盗片了,看来信息安全依然任重而道远,本文以此为引子,来介绍下spring boot对于系统集成方面的支持. Spring Security提供一套安全框架,通过IOC和AOP来实现安 ...
    
			
    2. 
						
  2. SQL Server密码爆破工具SQLdict
			
    SQL Server密码爆破工具SQLdict SQL Server是Windows系统常用的数据库服务器.它广泛采用用户名和密码方式,进行身份认证.Kali Linux提供一款专用的数据库密码爆破工 ...
    
			
    3. 
						
  3. 23.python中的类属性和实例属性
			
    在上篇的时候,我们知道了:属性就是属于一个对象的数据或者函数,我们可以通过句点(.)来访问属性,同时 python 还支持在运作中添加和修改属性. 而数据变量,类似于: name = 'scolia' ...
    
			
    4. 
						
  4. 2013-2014 ACM-ICPC, NEERC, Southern Subregional Contest Problem B. Travelling Camera Problem set贪心
			
    Problem B. Travelling Camera Problem 题目连接: http://www.codeforces.com/gym/100253 Description Programm ...
    
			
    5. 
						
  5. spring集成kafka
			
    一.添加依赖项 compile 'org.springframework.kafka:spring-kafka:1.2.2.RELEASE' 二.发消息(生产者) 2.1 xml配置 <?xml ...
    
			
    6. 
						
  6. 巧用CSS3 :target 伪类制作Dropdown下拉菜单（无JS）
			
    :target 是CSS3 中新增的一个伪类,用以匹配当前页面的URI中某个标志符的目标元素(比如说当前页面URL下添加#comment就会定位到id=“comment”的位置,俗称锚).CSS3 为 ...
    
			
    7. 
						
  7. Revit Family API 添加类型
			
    FamilyManager.NewType("");添加新类型,然后设置参数,就是为新类型设置参数. [TransactionAttribute(Autodesk.Revit.At ...
    
			
    8. 
						
  8. delphi  DockPresident
			
    作为Delphi的忠实用户,我想大家对Delphi中的停靠窗体应该比较熟悉吧,是不是也希望自己编的程序也具有这样的功能?使她看起来更漂亮,更专业,更方便. 本人做的一套停靠控件DockPresiden ...
    
			
    9. 
						
  9. 委托、Lambda表达式、事件系列02,什么时候该用委托
			
    假设要找出整型集合中小于5的数. static void Main(string[] args) { IEnumerable<int> source = new List<int&g ...
    
			
    10. 
						
  10. Delphi数学运算当中四舍五入的问题
			
    在最近版本的Delphi Pascal 编译器中,Round 函数是以 CPU 的 FPU (浮点部件) 处理器为基础的.这种处理器采用了所谓的 "银行家舍入法",即对中间值 (如 ...
    
			
    11.