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