CSS中可以定義多個table,這對于需要同時處理多個table的網(wǎng)頁來說非常方便。下面我們來具體介紹如何定義多個table。
table { border-collapse: collapse; } table#table1 { background-color: #f2f2f2; } table#table2 { background-color: #ccc; }
在上面的例子中,我們定義了兩個table,分別是table1和table2。其中,table1的背景顏色為灰白色,table2的背景顏色為灰色。在這兩個定義中,我們都使用了id選擇器,以保證樣式應(yīng)用到特定的table中。
如果你需要定義多個table的共同樣式,可以使用類選擇器來實(shí)現(xiàn):
table { border-collapse: collapse; } .info-table { background-color: #f2f2f2; } .warning-table { background-color: #ccc; }
在上面的例子中,我們定義了一個.info-table類和一個.warning-table類,它們分別對應(yīng)兩種不同的table樣式。在HTML中,你可以這樣應(yīng)用這些類:
<table class="info-table"> ... </table> <table class="warning-table"> ... </table>
除了id選擇器和類選擇器,還有很多其他的選擇器可以用來定義多個table的樣式。無論你使用哪種選擇器,都需要確保樣式能夠應(yīng)用到正確的table上。