Question

如何连续选择第一个和最后一个TD？

tr > td[0],
tr > td[-1] {
/* styles */
}

Answer 1

您可以使用:first-child和:last-child伪选择器：

tr td:first-child,
tr td:last-child {
    /* styles */
}

这应该适用于所有主流浏览器，但IE7在动态添加元素时会出现一些问题（并且在IE6中不起作用）。

Answer 2

您可以使用以下代码段：

  tr td:first-child {text-decoration: underline;}
  tr td:last-child {color: red;}

使用以下伪类：

：第一个孩子表示“选择此元素，如果它是其父元素的第一个孩子”。

：last-child 表示“选择此元素，如果它是其父级的最后一个孩子”。

只有元素节点（HTML标记）受到影响，这些伪类忽略文本节点。

Answer 3

您可以使用：first-child 和：last-child pseudo-selectors：

tr td:first-child{
    color:red;
}
tr td:last-child {
    color:green
}

或者你可以使用其他方式，如

// To first child 
tr td:nth-child(1){
    color:red;
}

// To last child 
tr td:nth-last-child(1){
    color:green;
}

两种方式都完美无缺

Answer 4

如果该行在obj_df.reset_index(level=1, inplace=True) bm_df.reset_index(level=1, inplace=True) cols = ['value_a','value_b','value_c', 'value_d'] df = obj_df[cols].sub(bm_df[cols]) df = pd.concat([df, obj_df[['id','benchmark_id']]], axis=1) .reindex(columns=obj_df.columns) .reset_index() print (df) date id value_a value_b value_c value_d benchmark_id 0 01/21/2015 abc -2 1 7 2 efg 1 01/22/2015 abc 0 2 -3 0 efg 2 01/21/2015 xyz 2 3 2 7 tuv 3 01/22/2015 xyz 0 5 -7 5 tuv m之前包含一些前导（或尾随）th标记，则应使用td和:first-of-type选择符。否则，如果第一个:last-of-type不是该行的第一个元素，则不会选择它。

这给出了：

td

Answer 5

如果使用sass（scss），则可以使用以下代码段：

tr > td{
   /* styles for all td*/
   &:first-child{
     /* styles for first */ 
   }
   &:last-child{
    /* styles for last*/
   }
 }

如何连续选择第一个和最后一个TD？

5 个答案: