tr:nth-child(2) > td:nth-child(2)
用来选择第2行2列。
如何选择第2行第2列和第5列?
如何选择从第二行第二列开始的所有列?
tr:nth-child(2) > td:nth-child(2)
用来选择第2行2列。
如何选择第2行第2列和第5列?
如何选择从第二行第二列开始的所有列?
1.如何选择第二行第二列和第五列?
tr:nth-child(2) > td:nth-child(n+2):nth-child(-n+5) {
color: red;
}
<table>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
</table>
2.如何选择从第2行的第2列开始所有列?
tr:nth-child(2) > td:nth-child(n+2) {
color: red;
}
<table>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr>
</table>
试试这个:
tr:nth-child(2) > td:nth-child(n+2):nth-child(-n+5) {
color: red;
}
<table>
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
<td>four</td>
<td>five</td>
<td>six</td>
</tr>
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
<td>four</td>
<td>five</td>
<td>six</td>
</tr>
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
<td>four</td>
<td>five</td>
<td>six</td>
</tr>
</table>
第一个是关于第一个问题,第二个是关于第二个问题
tr:nth-child(1) > td:nth-child(n+2):nth-child(-n+5){
color: pink;
}
tr:nth-child(2) > td:nth-child(n+2){
color: pink;
}
问题寻求帮助的代码必须包括所期望的行为,一个特定的问题或错误的和必要的重现它最短的代码**在问题本身**。请参阅[**如何创建最小,完整和可验证示例**](http://stackoverflow.com/help/mcve) –
此处显示所需结果的一些图像将非常有用。 –
这个问题似乎对我来说不言自明。我认为选择器和选择器的描述是描述问题所需的最短代码。 – BoltClock