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 ] |
文章主題 : | |
啊, 又沒經大腦處理亂說話了 ![]() 代碼: #demo1 tr:first-child + tr + tr td{...}
|
發表人: | vistac [ 2009-01-03, 03:13 ] |
文章主題 : | |
可以了,真是謝謝Merci chao了。 css selector這個 + 還真難理解, 看半天了還是看不懂 ![]() 現在知道可以了,但還是不能理解 #demo1 tr+tr+tr 和 #demo1 tr:first-child+tr+tr的差別在哪。 如果大大有空的話可不可以解釋一下,謝謝 |
發表人: | 不惑仔Boohover [ 2009-01-05, 18:59 ] |
文章主題 : | |
vistac 寫: 可以了,真是謝謝Merci chao了。
css selector這個 + 還真難理解, 看半天了還是看不懂 ![]() 現在知道可以了,但還是不能理解 #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/ |