自動目錄
在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
你可能感興趣的文章
產生模糊的文字 有時我們需要產生模糊的文字，類似毛玻璃看到的效果。
textarea計算字數和行數 textarea可以大量的放入文字，但要如何計算字數和行數呢？
如何讓瀏覽器每次都重新載入css、js、圖檔 不管怎麼刷新網頁，他總是跑出來舊的內容，這對開發的人來說很困擾...
[CSS] 將多張圖片合併，製作css spirte 網站中有很多的小圖，如果能把他們合併後再用CSS取用，就能大幅的提升網路效能。
網頁自動轉址的四種方法 設定網頁自動轉址的四種方法，三種html，一種php
CSS 垂直中文字 要把文字垂直顯示的處理中文字正轉或逆轉90度的css設定
隨機好文
沒有非誰做不可的事，也沒有不可被取代的人 沒有非誰做不可的事，也沒有不可被取代的人
[Freebsd] 定時測試 ADSL 是否斷線並重連 中華電信 ADSL 雖有固定 ip，可是他卻會不定時「斷線」, 使用以下的 方法可以定時測試是否斷線，以及重新撥接。
問問題 問問題其實內涵很深，我悟了很久才懂。 有人問題的目的並不一定是想要得到答案，有時只是純粹想問問題..
海棉寶寶超泡杯演奏的sweet victory 章魚哥和海棉寶寶在超泡杯的演奏歌曲
最值得學的電腦技能 什麼是最值得學的電腦技能？程式設計？美工繪圖？系統網路？還是…？ 都不是！個人覺得一個最值得學的電腦技能就
