tfoot td:first-child { z-index: 3; } tbody { overflow: scroll; height: 200px; } tr > :first-child { position: -webkit-sticky; position: sticky; background: hsl(180, 50%, 70%); left: 0; }固定表格行(列)的关键代码是position: sticky;这个属性,它声明该位置是粘性的,即是固定的。
:first-child是定义第一个子级元素 :last-child是定义最后一个子级元素 td:first-child是用来定位所以td元素第一个作为子级元素的,而不是定位td元素的第一个子级元素 二、:first-of-type与:last-of-type 定位一组同类型的兄弟元素的第一个元素,不管位置如何 三、:nth-child(n)与:nth-last-child(n) :...
doctype html><html><head><meta charset="utf-8"><title>table</title><style>.table tr:first-child{background:#0066CC; color:#fff;font-weight:bold;} /*第一行标题蓝色背景*/.table{border-top:1pt solid #C1DAD7;border-left:1pt solid #C1DAD7;margin: 0 auto;} .table td{ ...
为什么document.firstChild找到的不是html节点 DOM是针对HTML4.01开发的,我们现在是XHTML1.0. 所以要想使用核心DOM中的属性和方法,必须去掉DTD类型定义。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC ...
td>div:first-child { /*margin-bottom: -6px;*/ } td>div:last-child { color: #9C9C9C; } </style> </head> <body > <input type="hidden" name="pageNo" id="pageNo" value="1" /> <div class="white" > <table id="wrapper"> ...
:first-child :选取属于其父元素的首个子元素的指定选择器 :last-child :选取属于其父元素的最后一个子元素的指定选择器 :nth-child(n) : 匹配属于其父元素的第 N 个子元素,不论元素的类型 :nth-last-child(n) :选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计...
HTML代码结构很简单,table的id值为chart,表头标签是<thead><tr><th></th></tr></thead>,表行标签是<tbody><tr><td></td></tr></tbody>。 <divid="chartWrapper"> <tableid="chart"> <thead> <tr> <th>名字</th> <th>年龄</th> ...
}/*设置第一行单元格样式*/.tab_DataList_1 tr:first-child th { position: sticky; top:0; z-index:1; background:#d5e3ef; } .tab_DataList_1 tr:first-child td { position: sticky; top:0; z-index:1; background:#d5e3ef;
*:first-child+html #dos { color: red } /* IE7, FF, Saf, Opera */ html>body #tres { color: red } /* IE8, FF, Saf, Opera (Everything but IE 6,7) */ html>/**/body #cuatro { color: red } /* Opera 9.27 and below, safari 2 */ ...
last-child 可以选取父元素里面的最后一个子元素 C. nth-child(n) 匹配属于其父元素的第 N 个子元素 D. nth-child(n) 中n是负数或零也有效果 结构如下图所示 让h5变红色,下列代码正确的是() A. li:first-child{color: red;} B. li:last-child{ color: red; } C. li:nth-...