css 套用到html 的table 問題 @ yyoutube中文版

發問區
會員登入新使用者？立即註冊 . 服務首頁|服務說明|Yahoo!奇摩. 知識+ 首頁知識分類電腦網路科學常識醫療保健煩惱心事生活資訊手機通訊休閒嗜好視聽娛樂運動體育社會人文商業金融教育學習 .如何做煩惱主題知識 .我要發問發表我要發問 ..熱門：新年賀詞人民幣定存過年吃什麼 2013燈會金蛇年主題金蛇報喜，大過好年用手機上知識+ .知識搜尋 ....知識+ 首頁> 電腦網路> 網站技術> 語法特效加入追蹤轉寄朋友友善列印 .知識問題| css 套用到html 的table 問題. 發問者：一支菸 ( 初學者 5 級) 發問時間： 2008-06-05 17:42:19 解決時間： 2008-06-11 13:25:52 解答贈點： 5 ( 共有 0 人贊助 ) 回答： 2 評論： 0 意見： 0 [ 檢舉 ] 網友正面評價 50% .共有 2 人評價.請問CSS高手們 \ \ html 我現在不想在tr 及td 寫class="" 而是在table寫一個class="" \ \ 然後在css中的table{}裡去控制table裡的tr 及td 做變化這是可行的嗎？ \ \ 因為我現在想做一個定義好的css table{}效果後只要html裡有table 這個table的首列、首行都依我table{}中設定的做變化 \ \ 當然也希望有更多的變化啦~~ 像是首列下的內容，以單、偶做交替的變化 \ \ 請問會CSS的高手們能給我指教嗎？最佳解答發問者自選 .. 回答者： coolzero ( 研究生 1 級 ) 擅長領域：網頁設計 | 語法特效回答時間： 2008-06-07 12:49:44 [ 檢舉 ] .其實我想原發問者的意思應該是,不用在每一個 Td或Tr標籤裡明定class屬性,而是可以在Css裡定義一次之後,自動套用在表格裡.. 請見下面範例,我們定義一個Css類別名叫Table01 ,並定義其子類別Tr,Td的樣式.. ＜Style Rel=”StyleSheet” Type=”text/css”＞ .Table01 Tr { background-Color:#D1D1D1; } .Table01 Td { color:Red; } ＜/Style＞＜Table class=”Table01” Width=”300px” Border=1＞＜Tr＞＜Td＞1＜/Td＞＜Td＞2＜/Td＞＜/Tr＞＜/Table＞＜Br＞至於要做到單、偶列變化,目前小弟常用的方式是用 javascript來做..請見下面範例.. ＜Table id=”Table02” name=”Table02” Width=”300px” Border=1＞＜Tr＞＜Td＞第1列＜/Td＞＜Td＞第1列＜/Td＞＜/Tr＞＜Tr＞＜Td＞第2列＜/Td＞＜Td＞第2列＜/Td＞＜/Tr＞＜/Table＞＜Br＞＜Script Language=”Javascript”＞＜!-- //取回表格物件 var oTable=document.getElementById(”Table02”) //迴遞該表格所有的列 for(var i=0;i＜oTable.rows.length;i++) { var oRow=oTable.rows[i] //判斷單、偶列 if((oRow.rowIndex%2)==0) { oRow.style.backgroundColor=”#D1D1D1” } else { oRow.style.backgroundColor=”#FF9933” } } --＞＜/Script＞恩恩,就是這樣.. 註:因為知識+會把程式碼的雙引號,大於符號,小於符號予以編碼 ,所以我在我的範例裡,都用(全形)代替(半形)的符號..請自行更換回來,以便正常執行.. 參考資料經驗相關詞： css無名樣式分享,無名css,css樣式分享,css語法,css樣式,無名樣式css分享,css下載,css教學,css語法教學,網誌樣式css css,問題,變化,首行,定義,表格,javascript,var,高手,類別[ 快速連結 ] 其它回答( 1 ) | 意見( 0 ) | 評論( 0 ) .發問者評價太感謝大大coolzero的經驗分享非常有幫助 .發表你的評價你的評價發表評價：正面普通負面評價內容：發表取消 . 加入追蹤轉寄朋友友善列印 .馬上按讚加入 Yahoo! 奇摩知識+ 粉絲團 •免費索取商英光碟+小書 •多益700分線上測驗題庫 •立即免費測試你的多益等級 •英文email超實用金句！ •測你在旁人眼中的英文力？ •多益700分線上測驗題庫相關問答 [ 網頁設計 ]無名CSS如何修改 . [ 其他 ]CSS是啥?? . [ 網頁設計 ]CSS的語法 . [ 網路服務 ]css是什麼東西?? . [ 網站架設 ]ｃｓｓ樣式怎抹做？ . [ 網頁設計 ]CSS網路樣式(給20點) . 更多 .其他回答(1) 意見(0) 相關評論(0) . 001 回答者： fufu ( 實習生 1 級 ) 擅長領域：數位相機 | 網頁設計回答時間： 2008-06-05 21:25:33 [ 檢舉 ] ..CSS無法寫table{}去控制

裡的及

做變化，這本來就是三個不同屬性的標籤，都要個別寫CSS。至於首列下的內容，以單、偶做交替的變化，也只能土法煉鋼。參考資料：本身在m-plus擔任設計類軟體講師 1 目前沒有資料發表意見發表意見字數已達上限，要改成發表評論嗎？. 發表取消 . 目前沒有資料我要評論註冊會員登入 .公告：知識團員轉粉絲全數完成 . HOT! 拍賣 | 無線網卡四核心奇美19吋 . .刊登贊助網站•東佑達自動化科技-TABLE www.toyorobot.com 專業開發製造滑台、機械手臂等自動化傳動元件，提供客製化服務，歡迎參觀選購。 www.toyorobot.com •易控自動化科技股份有限公司 www.e-con.com.tw 提供Robot、線性馬達、機械手臂、滑台、JANOME、聯軸器、機器視覺.等 www.e-con.com.tw •原生國際 www.yuansheng.com.tw 原生為國際頂級奢華設計師品牌的概念店，引進歐洲頂級傢俱、家飾、名牌服飾。 www.yuansheng.com.tw •Html 電子報範本製作容易 www.benchmarkemail.com/tw Benchmark Email 五百款範本, 不需專業美工, 通通沒問題. www.benchmarkemail.com/tw •飛泰貿易有限公司-TABLE www.kgn.com.tw 專業銷售各式Robot、線性馬達、機械手臂、滑台、電動缸…等，歡迎洽詢. www.kgn.com.tw •菲舶數位科技-網頁設計 www.finpo.com.tw 讓品牌與眾不同、脫穎而出！專業網頁、美術設計，新奇創新，完美抓住消費者目光！ www.finpo.com.tw.最新語法特效發問中已解決 .line名子旁如何打出圖案求Class所有中文標籤名稱誰會製作動態樂果請進請進 20點需要很急求一首歌的歌名 FB生日不顯示年齡 (20點) 更多無名播放器問題！請問無名相簿音樂要怎麼用? 更多精選關鍵字 ..版型閃字 LOGO 播放欄位 JavaScript 上傳語法部落格軟體音樂盒無名符號水波樂果時鐘游標換頁樣式超連結漸層貼紙背景特效飄落素材 Flash 特殊版面跑馬燈 .知識搜尋 ...雅虎資訊版權所有 (c) 2013 Yahoo! Taiwan. All Rights Reserved. 「本服務設有管理員」服務條款隱私權政策..知識+ 之問答內容是由參與Yahoo!奇摩知識+ 之網友提供，僅供參考，Yahoo!奇摩不保證其正確性。 ... .