自動目錄
在CSS中常有需要選取一欄，過去的作法就是此欄給他一個class，再指定此class即可：
[過去的作法]
表格
| class="col2" | ||
| class="col2" | ||
| class="col2" | ||
| class="col2" |
CSS
JQUERY
這樣的作法缺點就是每個格子都得指定class。但對於舊的瀏覽器這是唯一解。
[使用 :nth-child]
使用CSS可以快速的選取該欄。
CSS
JQUERY
$('table tr td:nth-child(3)').css("background-color", "yellow");
數字3是從右算到左的第3欄，包含隱藏的欄。
表格
[使用 colgroup/ col標籤]
HTML4 後出現了<colgroup>和<col>的標籤，但是到了 HTML5只剩下span屬性[2]，所以…
好處是一次可指定多欄。
先替表格分群，例如1欄一組，2,3欄另一組。
<table>
<colgroup>
<col class="grp1">
<col span="2" class="grp2">
</colgroup>
<thead></thead>
<tbody>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
...
</tbody>
</table>
再指定CSS即可
CSS
表格
備註
1. <colgroup>的標籤只要放在<table>中即可，並沒有一定要放在最上面。
2. <col>不一定要和全部欄位一致，例如你只要設定第3欄，但是表格有10欄，你的col只要有設置到第3個即可。
參考資料
[1] https://stackoverflow.com/questions/8375625/how-to-select-a-table-column-with-jquery
[2] https://www.w3schools.com/tags/tag_colgroup.asp
[3] https://www.w3schools.com/html/html_tables.asp
你可能感興趣的文章
[CSS] HTML 畫出粗外框表格的方法 (粗框表格) 在畫表格的時候，習慣上表格的外框要比內部的線條來得粗，不但比較美觀，而且看起來比較完整
[HTLM5] 表單時間日期date/time輸入類型 介紹HTML5和時間有關的輸入類型date/datetime/datetime-local/month/time/week
讓radio box 或checkbox 好按 在行動裝置下，radio box及checkbox變得很難按得到
[CSS] placeholder 屬性的CSS怎麼設定？ 常會用到的placeholder可以在沒填值時有提示的文字，想要改變格式該怎麼做？
關閉瀏覽器表單的自動完成autocomplete 什麼是自動完成？就是當我們在網頁的輸入文字欄位中打入文字時，瀏覽器會把曾輸入過歷史記錄中找出來讓我們選擇。
UTF-8 BOM (Byte Order Mark) 的問題 在 Michael Kaplan 那看到 Every character has a story #4: U+feff
隨機好文
[HP DL380G7] 生效啟動第3，4片網卡/開啟或關閉內建的網卡 HP DL380G7 預設第3，4片網卡裝完系統後找不到，難道是壞了？要怎麼辦？
[Freebsd] 定時測試 ADSL 是否斷線並重連 中華電信 ADSL 雖有固定 ip，可是他卻會不定時「斷線」, 使用以下的 方法可以定時測試是否斷線，以及重新撥接。
[AS3] 我做的唯一一個Flash As3遊戲UFO INVADSION [AS3] 我做的唯一一個Flash As3遊戲，是第一個也是最後一個，後來就沒再寫as3，不過as3還滿好玩的。
精讚的版面變化 ▓此文僅作為舊文的記錄▓ 這篇文章為了紀念改版完成而撰寫。 原本的部落格是民國97年的作品，那時還是用舊有的技術來寫，很
「許功蓋」的字以及源由 有玩過電腦一段時間的人，都聽過這個人(有一天我才發現7年級的竟然都不認識這個
