MozTW 討論區
https://forum.moztw.org/

CSS Selector 如何選擇指定第幾個Element??
https://forum.moztw.org/viewtopic.php?f=13&t=25611
1 頁 (共 1 頁)

發表人:  vistac [ 2008-12-31, 15:38 ]
文章主題 :  CSS Selector 如何選擇指定第幾個Element??

請教各位大大:
如果有一個純表格如下,
<table id="demo1">
<tr>
<td>11</td><td>12</td><td>13</td><td>14</td><td>15</td>
</tr>
<tr>
<td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
</tr>
<tr>
<td>31</td><td>32</td><td>33</td><td>34</td><td>35</td>
</tr>
<tr>
<td>41</td><td>42</td><td>43</td><td>44</td><td>45</td>
</tr>
<tr>
<td>51</td><td>52</td><td>53</td><td>54</td><td>55</td>
</tr>
</table>
裡面tr,td都沒有attribute,我要用stylish只抓出第三行並做處理呢?其他維持原狀。
已試過e:nth-child(),不過看來ff還不支援,不知還有沒有其他方法??
謝謝

發表人:  Merci chao [ 2008-12-31, 17:07 ]
文章主題 : 

#demo1 tr + tr + tr td{...}

#demo1 * + * + * *{...}
也行

發表人:  vistac [ 2009-01-01, 02:16 ]
文章主題 : 

感謝大大回復,
以大大的處理方式,是三四五列都處理了,但我只想處理第三列,怎麼辦?

發表人:  Merci chao [ 2009-01-01, 12:22 ]
文章主題 : 

啊, 又沒經大腦處理亂說話了 :shock:
代碼:
#demo1 tr:first-child + tr + tr td{...}

發表人:  vistac [ 2009-01-03, 03:13 ]
文章主題 : 

可以了,真是謝謝Merci chao了。
css selector這個 + 還真難理解,
看半天了還是看不懂 :cry:
現在知道可以了,但還是不能理解
#demo1 tr+tr+tr 和 #demo1 tr:first-child+tr+tr的差別在哪。
如果大大有空的話可不可以解釋一下,謝謝

發表人:  不惑仔Boohover [ 2009-01-05, 18:59 ]
文章主題 : 

vistac 寫:
可以了,真是謝謝Merci chao了。
css selector這個 + 還真難理解,
看半天了還是看不懂 :cry:
現在知道可以了,但還是不能理解
#demo1 tr+tr+tr 和 #demo1 tr:first-child+tr+tr的差別在哪。
如果大大有空的話可不可以解釋一下,謝謝


+ 會指向同一層緊接下去的元素(adjacent sibling combinator)

:first-child 指的是元素須為子層第一個元素(長子)

fx3.1將會支援:nth-child()

tr+tr+tr = tr:nth-child(n+3)
tr:first-child+tr+tr = tr:nth-child(3)

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/