2013-06-18 19 views
0

這裏是我的CSS:我的表格屬性如何繼承表類?

table.mytable { 
    border-collapse: collapse; 
    width: 50%; 
    margin: 24px; 
    font-size: 1.1em; 
} 

caption.mytable { 
    font-size: larger; 
    margin: 5px auto; 
} 

th.mytable, td.mytable, thead.mytable { 
    background: #3e83c9; 
    color: #fff; 
    font-weight: bold; 
    padding: 2px 11px; 
    text-align: left; 
    border-right: 1px solid #fff; 
    line-height: 1.2; 
} 

tr.mytable:nth-child(odd) { 
    background: #ecf6fc; 
} 

tr.mytable:hover { 
    background: #bcd4ec; 
} 

td.mytable { 
    padding: 6px 11px; 
    border-bottom: 1px solid #95bce2; 
    vertical-align: top; 
} 

CSS樣式的作品很好,我現在遇到的問題是,在我的HTML我有一類分配給每個<tr><td><th>,etc..Is有一個我只需要將課程分配給表格?我必須修改我的css代碼嗎?

謝謝!

回答

0

它應該是這樣的:

table.mytable th, table.mytable td, table.mytable thead{ 
    background: #3e83c9; 
    color: #fff; 
    font-weight: bold; 
    padding: 2px 11px; 
    text-align: left; 
    border-right: 1px solid #fff; 
    line-height: 1.2; 
} 

CSS selectors

+0

謝謝。除了這部分外,我幾乎可以使用它:'table.mytable tr.alt td {'它不會將'background'顏色應用於替代行。 – user962449

+0

@ user962449:備選行?你的意思是':nth-​​child'? –

+0

是的,它的工作原理。我有一個金髮的時刻。 – user962449