选择器



td:nth-child(3){color: red;}/*选择第3列*/
tr:nth-child(3){color: red;}/*选择第3行*/
tr:nth-child(n+3):nth-child(-n+10){color: red;} /*选择第3到第10行*/
  选择前3行或列,只要把括号中的3改为“-n+3"就可以
  选择最后3行或列,改为”n+3",原理是那个n会从0循环到数值

第一子选择器和最后子选择器:
tr:first-child{bcolor: red;} /*选择除第一行*/
td:first-child{color: red;}/*选择第一列*/
tr~tr{color: red;}/*除第一行的其他行*/
td~td{color: red;}/*除第一列的其他列*/
td:last-child{color: red;}/*最后一列*/
tr:last-child{color:red;}/*最后一行*/


意:要在某一个区块中满足这种可以发现第一个或最后一个标签特征的对象,夹在中间的就行了
posted @ 2021-10-13 17:24  li130  阅读(60)  评论(0)    收藏  举报